/* ===== Espace enfant : style cartoon (typo Fredoka, cartes colorées, boutons relief) ===== */
body.ee main{--f-display:"Fredoka","Baloo 2","Comic Sans MS",system-ui,sans-serif;--ee-navy:#141f5a;--ee-line:var(--kc-line,#e3e6f2);--ee-sh:var(--kc-sh,#dfe3f2);--ee-red:#e8203f;--ee-red-d:#a30f2e;--ee-blue:#e8f0ff;--ee-blue-b:#d3e1fb}
body.ee main :is(h1,h2,h3,h4,h5,legend,summary,th,.mp-ch h3,.mp-title h2){font-family:var(--f-display)}
body.ee main :is(h1,h2,h3,h4){font-weight:700;letter-spacing:0}
body.ee main :is(label,legend,.lead,button,input,select,textarea,.btn,.mp-btn,.pk-chip,.mp-tabs a){font-family:"Fredoka","Baloo 2",system-ui,sans-serif}
body.ee main :is(p,li,small){font-family:var(--f-body)}
body.ee main :is(button,.btn,.mp-btn,.pk-chip,.mp-tabs a,summary){font-weight:600}

/* boutons : relief arrondi comme « Ajouter à ma liste » */
body.ee main .btn{border-radius:16px;font-weight:700;border:2.5px solid transparent;filter:none;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s}
body.ee main .btn:hover{transform:translateY(-2px);filter:none}
body.ee main .btn:active{transform:translateY(3px)}
body.ee main .btn-md{height:50px;padding:0 24px;font-size:17px}
body.ee main .btn-lg{height:58px;padding:0 32px;font-size:19px;border-radius:18px}
body.ee main .btn-sm{height:42px;padding:0 18px;font-size:15px;border-radius:14px}
body.ee main :is(.btn-red,.btn-gold,.btn-green){background:linear-gradient(180deg,#f3364f,#d3142f);color:#fff;border-color:#b50f26;box-shadow:0 4px 0 #8e0a1c}
body.ee main :is(.btn-red,.btn-gold,.btn-green):hover{box-shadow:0 6px 0 #8e0a1c}
body.ee main :is(.btn-red,.btn-gold,.btn-green):active{box-shadow:0 1px 0 #8e0a1c}
body.ee main :is(.btn-line,.btn-gline,.btn-white){background:var(--ee-blue);color:var(--ee-navy);border-color:var(--ee-blue-b);box-shadow:0 4px 0 #b9cdf2}
body.ee main :is(.btn-line,.btn-gline,.btn-white):hover{box-shadow:0 6px 0 #b9cdf2}
body.ee main .btn-green{background:linear-gradient(180deg,#34c277,#1b9b55);border-color:#12804a;box-shadow:0 4px 0 #0c6a3b}
body.ee main .btn-green:hover{box-shadow:0 6px 0 #0c6a3b}
body.ee main .mp-btn{border-radius:14px;border:2.5px solid var(--ee-blue-b);background:var(--ee-blue);color:var(--ee-navy);font-weight:700;box-shadow:0 3px 0 #b9cdf2;height:46px}
body.ee main .mp-btn:hover{border-color:#9db9ec}
body.ee main .mp-btn.mp-red{background:linear-gradient(180deg,#f3364f,#d3142f);border-color:#b50f26;color:#fff;box-shadow:0 4px 0 #8e0a1c}
body.ee main .mp-btn.mp-red:hover{border-color:#8e0a1c}
body.ee main .mp-btn:active{transform:translateY(3px);box-shadow:0 0 0 transparent}

/* onglets et enfants */
body.ee main .mp-tabs{border-radius:20px;border:2.5px solid var(--ee-line);box-shadow:0 4px 0 var(--ee-sh)}
body.ee main .mp-tabs a{font-weight:600;font-size:clamp(15px,1.15vw,17px)}
body.ee main .mp-tabs a[aria-current]::after{height:4px;border-radius:4px 4px 0 0;background:var(--ee-red)}
body.ee main .pk-chip{border:2.5px solid var(--ee-line);font-weight:600;font-size:16px;height:46px;box-shadow:0 3px 0 var(--ee-sh);transition:transform .15s cubic-bezier(.3,1.6,.5,1)}
body.ee main .pk-chip:hover{transform:translateY(-2px)}
body.ee main .pk-chip[aria-pressed=true]{border-color:var(--kc,#ef4565);background:var(--kc-bg,#ffe9ed);color:var(--kc-d,#d6123a);box-shadow:0 3px 0 var(--kc,#ef4565)}

/* titres de page */
body.ee main .mp-title h2{font-size:clamp(30px,3vw,42px);color:#141f5a}
body.ee main .mp-title p{font-family:var(--f-body);font-size:clamp(16px,1.3vw,19px);font-weight:500}

/* cartes */
body.ee main :is(.mp-card,.ee-card,.jt-card,.jx-game,.dg-costume,.dg-how4 li,.mc-stats li,.mc-sc,.mc-m,.dr-scorebox,.dr-last,.mv-b,.ca-modal){border-radius:20px}
body.ee main :is(.mp-card,.ee-card,.mc-stats li,.jx-game){border:2.5px solid var(--ee-line);box-shadow:0 4px 0 var(--ee-sh)}
body.ee main .ee-card .ee-body h3{font-size:clamp(20px,1.7vw,24px)}
body.ee main .ee-card img{border-radius:14px}

/* champs */
body.ee main :is(input[type=text],input[type=email],input[type=search],input[type=number],input[type=url],input:not([type]),select,textarea){border:2.5px solid #d9dcf0;border-radius:14px;font-weight:500;color:var(--ee-navy)}
body.ee main :is(input,select,textarea):focus-visible{outline:3px solid var(--gold);outline-offset:1px;border-color:#9aa3d6}
body.ee main summary{font-size:clamp(15px,1.15vw,17px)}
body.ee main :is(details,.faq-item,.ca-faq details){border-radius:16px}
body.ee main :is(.badge,.tag,.chip,[class*="-badge"]){font-family:"Fredoka",system-ui,sans-serif;font-weight:600}
body.ee main a[class*="hero"] .btn,body.ee main .btn-line{font-weight:700}
@media(prefers-reduced-motion:reduce){body.ee main .btn,body.ee main .pk-chip{transition:none}}
body.ee main :is(.mc-v,.mp-pf,.mc-t){border:2.5px solid var(--ee-line);border-radius:14px}
body.ee main .mc-info{border:2.5px solid #f2dc9c;border-radius:16px;font-family:var(--f-body)}
body.ee main .mc-help{border:2.5px solid var(--ee-blue-b);border-radius:18px}
body.ee main .mc-badge{border:2.5px solid var(--ee-line);font-family:"Fredoka",system-ui,sans-serif}
body.ee main :is(.jt-hd,.jt-kinfo){border-radius:18px 18px 0 0}

/* couleur de l'enfant choisie par le parent */
body.ee.kt{background:var(--kc-bg)}
body.ee.kt main .mp-tabs a[aria-current]{color:var(--kc-d)}
body.ee.kt main .mp-tabs a[aria-current]::after{background:var(--kc)}
body.ee.kt main .mp-tabs a:hover{color:var(--kc-d)}
body.ee.kt main .mp-title h2{color:var(--kc-d)}
body.ee.kt main :is(.jt-hd,.jt-kh,.jt-top){background:var(--kc-soft)}

/* 4 onglets */
@media(min-width:901px){body.ee main .mp-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}