/* AMBER Ecosystems — 15 habillages à identité/personnage immuables. Aucune CSS ne cible les caractéristiques d'Amber. */
.amber-shell{--ae-accent:#13b7c4;--ae-soft:#d9f6f3;--ae-second:#ff638e;--ae-ink:#263653;box-sizing:border-box;isolation:isolate;position:relative;overflow:hidden;color:var(--ae-ink);font:500 16px/1.55 system-ui,'Nunito',sans-serif;border-radius:22px;background:linear-gradient(155deg,var(--ae-soft),#fff 55%,var(--ae-soft));padding:clamp(14px,3vw,30px);min-height:400px;max-width:1280px;margin:22px auto;box-shadow:0 15px 55px rgba(25,39,74,.13);background-position:center center;background-size:cover}
.amber-shell *{box-sizing:border-box}.amber-shell::before,.amber-shell::after{content:'✦ ✿ ✧';pointer-events:none;position:absolute;font-size:clamp(22px,4vw,65px);color:var(--ae-accent);opacity:.15;right:0;top:90px;z-index:-1;transform:rotate(-20deg)}.amber-shell::after{left:5px;top:auto;bottom:30px;transform:rotate(20deg)}
.amber-shell h1,.amber-shell h2,.amber-shell h3,.amber-shell h4{font-family:system-ui,'Baloo 2',sans-serif;line-height:1.25;letter-spacing:-.025em;color:var(--ae-ink);margin:.1em 0 .55em}.amber-shell h2{font-size:clamp(23px,2.6vw,33px)}.amber-shell h3{font-size:clamp(20px,2vw,26px)}.amber-shell a{color:var(--ae-accent);text-decoration:none}.amber-shell p{margin:.55em 0 1em}.amber-shell small{font-size:.84em}
.amber-site-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:2px solid rgba(60,80,110,.08);padding:5px 0 18px;margin-bottom:22px}.amber-site-head p{margin:0;font-size:13px}.amber-brand{font-size:clamp(30px,3vw,48px);font-weight:900;line-height:1.1;letter-spacing:.03em;background:linear-gradient(110deg,#08add0,#ec63a9,#f2b93e,#825fd9);background-clip:text;color:transparent!important}.amber-brand span{color:#f3a817}.amber-head-caption{font-weight:700;color:var(--ae-accent);font-size:14px;text-align:right}
.amber-panel{background:rgba(255,255,255,.96);border:1px solid rgba(70,100,130,.12);border-radius:22px;padding:clamp(17px,2vw,27px);margin:16px 0;box-shadow:0 5px 18px rgba(35,48,85,.06)}.amber-subpanel{margin:18px 0 0;padding:18px;background:var(--ae-soft);border-radius:18px}.amber-panel h4{font-size:17px}.amber-guest{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,430px);gap:22px;align-items:start}.amber-welcome{padding:clamp(8px,2vw,40px)}.amber-welcome h2{font-size:clamp(26px,4vw,47px)}.amber-pricing{border-left:5px solid var(--ae-accent);padding:15px 20px;background:#fff;border-radius:10px}.amber-pricing strong{font-size:23px}
.amber-form label{font-weight:700;display:block;margin:14px 0}.amber-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.amber-form select,.amber-form textarea{display:block;width:100%;border:1.5px solid #d5dce8!important;border-radius:11px;padding:12px;margin-top:5px;background:#fff!important;color:#25334c!important;min-height:44px;font:inherit}.amber-form input:focus,.amber-form select:focus{outline:3px solid var(--ae-soft);border-color:var(--ae-accent)!important}.amber-btn,.amber-shell button.amber-btn,.amber-shell a.amber-btn{display:inline-block;background:var(--ae-accent);color:white!important;border:none;border-radius:999px;padding:12px 19px;text-align:center;cursor:pointer;min-height:44px;font-weight:800;font-size:15px;box-shadow:0 3px 9px rgba(0,0,0,.09);transition:transform .16s ease,filter .16s ease}.amber-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.amber-btn-muted{background:#f1f3f9!important;color:#34455e!important}.amber-switch{display:block;margin:15px 0;font-weight:700}.amber-alert{padding:12px 15px;margin:15px 0;border-radius:11px;background:#e6f8f2;border:1px solid #7bcfbb;color:#185847}.amber-alert.error{background:#ffedf0;border-color:#e9a0ae;color:#8b1b3b}
.amber-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:13px;margin:22px 0}.amber-profile{border:2px solid var(--ae-soft);background:white;border-radius:18px;text-align:center;padding:20px 12px;display:grid;gap:8px;transition:border-color .2s}.amber-profile:hover{border-color:var(--ae-accent)}.amber-profile-icon{font-size:30px;color:var(--ae-second)}.amber-profile strong{font-size:20px;color:#243957}.amber-profile small{color:#66758a}
.amber-child-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:23px;background:linear-gradient(110deg,var(--ae-soft),white);padding:clamp(20px,3vw,36px);margin-bottom:14px;position:relative;min-height:200px;overflow:hidden}.amber-child-header h2{font-size:clamp(26px,3.8vw,46px)}.amber-overline{font-size:12px;letter-spacing:.09em;color:var(--ae-accent);font-weight:800;text-transform:uppercase}.amber-official{width:clamp(100px,22%,220px);max-height:250px;object-fit:contain;object-position:center bottom;border:3px solid white;border-radius:20px;background:white;box-shadow:0 6px 14px rgba(20,28,52,.1)}
.amber-child-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.amber-child-nav a{font-size:13px;display:inline-flex;align-items:center;border:1px solid #dbe5eb;background:#fff;padding:9px 11px;border-radius:99px;font-weight:800;color:#455369;min-height:44px}.amber-child-nav a.active{background:var(--ae-accent);color:#fff;border-color:var(--ae-accent)}
.amber-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.amber-cards .amber-panel{margin:0}.amber-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px}.amber-theme-preview{--thumb1:var(--ae-accent);--thumb2:var(--ae-soft);min-height:180px;border-radius:17px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;border:1px solid #dde5ec;background:linear-gradient(130deg,var(--thumb2),white 70%)}.amber-theme-preview strong{color:#243552}.amber-preview-graphics{font-size:42px;color:var(--thumb1);text-shadow:2px 5px 8px rgba(15,35,50,.16)}.amber-current{background:white;border-radius:30px;padding:8px 11px;font-size:12px;color:#2f6877;font-weight:800}.amber-inline{margin:0!important}.amber-inline .amber-btn{padding:9px 15px;font-size:12px}.amber-theme-preview.amber-thumb-lagon{--thumb1:#0eb4ca;--thumb2:#dbf8ff}.amber-theme-preview.amber-thumb-fleurs{--thumb1:#d65b9b;--thumb2:#ffe5ef}.amber-theme-preview.amber-thumb-exploration{--thumb1:#f7a742;--thumb2:#fff0d4}.amber-theme-preview.amber-thumb-etoiles{--thumb1:#8754dd;--thumb2:#eee8ff}.amber-theme-preview.amber-thumb-foret{--thumb1:#428b69;--thumb2:#dff2de}.amber-theme-preview.amber-thumb-violet{--thumb1:#7442ce;--thumb2:#eddfff}.amber-theme-preview.amber-thumb-cosmos{--thumb1:#626bcf;--thumb2:#e4e8ff}.amber-theme-preview.amber-thumb-bd{--thumb1:#f75076;--thumb2:#fff3c5}.amber-theme-preview.amber-thumb-urbain{--thumb1:#398db9;--thumb2:#dfeeff}.amber-theme-preview.amber-thumb-zen{--thumb1:#629c9a;--thumb2:#e4f4f0}.amber-theme-preview.amber-thumb-campus{--thumb1:#457ab2;--thumb2:#e1effc}.amber-theme-preview.amber-thumb-nuit{--thumb1:#33406b;--thumb2:#d9def5}.amber-theme-preview.amber-thumb-atelier{--thumb1:#b77c61;--thumb2:#f8e4d8}.amber-theme-preview.amber-thumb-jardin{--thumb1:#5c9876;--thumb2:#e0f4e6}.amber-theme-preview.amber-thumb-ardoise{--thumb1:#425067;--thumb2:#e1e5ec}
.amber-skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.amber-skill{border-radius:12px;padding:12px;background:var(--ae-soft)}.amber-skill strong,.amber-skill small{display:block}.amber-course-link{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--ae-soft);padding:14px;margin:8px 0;border-radius:12px;font-weight:700;color:#243552!important}.amber-course-link span{color:var(--ae-accent);font-size:13px;text-align:right}
.amber-lesson-media{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:14px}.amber-lesson-media>div{background:#f2f6fd;border-radius:14px;padding:13px;overflow:hidden}.amber-lesson-media video,.amber-lesson-media img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:12px;background:#14223c}.amber-tips{background:#fff9e4;padding:15px;border-radius:10px}.amber-question{border:1px solid #dee7eb;border-radius:14px;padding:17px;margin:18px 0}.amber-question legend{font-weight:800;font-size:18px;padding:0 7px}.amber-choice{padding:10px 13px!important;background:#f3f8fb;cursor:pointer;display:inline-flex!important;align-items:center;gap:6px;border-radius:10px;margin:6px!important;border:1px solid #deebef}.amber-question-image{display:block;max-width:100%;height:auto;max-height:220px}.amber-autosave{font-size:13px;color:#5b7885}.amber-success{padding:25px;border-radius:15px;background:#edfcf6;text-align:center}
.amber-site-footer{text-align:center;padding:20px 0 3px;border-top:1px solid #d9e5eb;font-size:12px;margin-top:25px;color:#657383}
.ae-academie{--ae-ink:#252c4b}.ae-academie .amber-child-header{min-height:170px}.ae-excellence{--ae-ink:#29374b}.ae-excellence .amber-shell h2{letter-spacing:0}.ae-excellence .amber-child-header{min-height:160px}.ae-excellence::before,.ae-excellence::after{opacity:.06}
@media(max-width:780px){.amber-guest,.amber-lesson-media{grid-template-columns:1fr}.amber-head-caption{display:none}.amber-child-header{min-height:170px}.amber-child-header h2{font-size:25px}.amber-official{width:115px}.amber-shell{border-radius:12px;padding:12px;margin:10px 0}.amber-panel{padding:15px}}
@media(prefers-reduced-motion:reduce){.amber-shell *,.amber-shell *::before,.amber-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Chaque univers dispose de sa propre scène illustrée; les portraits ne sont pas modifiés. */
.amber-shell.ae-theme-lagon,.amber-thumb-lagon{background-image:url("themes/lagon.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-fleurs,.amber-thumb-fleurs{background-image:url("themes/fleurs.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-exploration,.amber-thumb-exploration{background-image:url("themes/exploration.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-etoiles,.amber-thumb-etoiles{background-image:url("themes/etoiles.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-foret,.amber-thumb-foret{background-image:url("themes/foret.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-violet,.amber-thumb-violet{background-image:url("themes/violet.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-cosmos,.amber-thumb-cosmos{background-image:url("themes/cosmos.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-bd,.amber-thumb-bd{background-image:url("themes/bd.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-urbain,.amber-thumb-urbain{background-image:url("themes/urbain.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-zen,.amber-thumb-zen{background-image:url("themes/zen.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-campus,.amber-thumb-campus{background-image:url("themes/campus.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-nuit,.amber-thumb-nuit{background-image:url("themes/nuit.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-atelier,.amber-thumb-atelier{background-image:url("themes/atelier.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-jardin,.amber-thumb-jardin{background-image:url("themes/jardin.svg");background-size:cover;background-position:center;}
.amber-shell.ae-theme-ardoise,.amber-thumb-ardoise{background-image:url("themes/ardoise.svg");background-size:cover;background-position:center;}

.ae-academie .amber-panel{border-radius:15px}.ae-excellence .amber-panel{border-radius:11px}.ae-excellence .amber-btn{border-radius:10px}
