/* Déclinaison du relief accentué et de la texture validés le 19 septembre 2026.
   Les proportions et le décor de l'accueil validé restent dans accueil-continu.css. */
:root{--relief-gold:#f2cc8f;--relief-night:#39040b;--relief-ivory:#fff0d7}
.new-design{background:#39040b}
.gold-divider,.day-ornament{filter:drop-shadow(2px 3px 1px #000b)}
.gold-divider>i,.day-ornament>i{box-shadow:inset 1px 1px 0 #f8deb477,2px 2px 0 #805b20}
.new-design .original-image{background:#5c0913;border:2px solid #ba8a3c;box-shadow:5px 6px 0 #6d5227,11px 15px 22px #0009,inset 0 1px 0 #f9e3bf99}
.new-design .original-image img{box-shadow:inset 0 2px 6px #0008}
.new-design .vanille-signature{box-shadow:4px 5px 0 #46371e,8px 12px 18px #0009}
.chapters{background-image:linear-gradient(90deg,#39040b20,#39040bc2 8%,#39040bcc 69%,#39040b38),url('assets/planning-relief-moroccan.png');background-size:100% auto;background-repeat:repeat-y}
.course-copy{text-shadow:0 2px 5px #190205,0 0 15px #190205b3}
.chapter-number{opacity:.95;color:#d9a34d;text-shadow:1px 2px 0 #573b0e,3px 5px 6px #0009}
.age-tag{box-shadow:2px 3px 0 #230307cc,inset 0 1px 0 #f7dbad40}
.artist-scene,.news-scene,.contact-scene{background-image:linear-gradient(#39040b08,#39040b30),url('assets/planning-relief-moroccan.png');background-size:cover;background-position:center top}
.artist-bio,.new-place-announcement,.contact-address{text-shadow:0 2px 5px #190205,0 0 12px #190205a8}
.contact-illustration{background-image:url('assets/cours-grands-relief-moroccan.png');border:2px solid #bb8939;box-shadow:6px 7px 0 #604924,14px 18px 26px #0009,inset 0 0 0 6px #3a060c}
.new-design>.site-footer{max-width:none;background:#39040b url('assets/planning-relief-moroccan.png') center bottom/100% auto no-repeat;padding-top:115px;padding-bottom:28px;text-shadow:0 2px 5px #190205}
.new-design>.site-footer .footer-motif i{box-shadow:2px 3px 0 #0009,4px 6px 7px #0009}
.planning-wrap{border:2px solid #d3a55c;box-shadow:6px 8px 0 #554224,13px 20px 32px #0009,inset 0 1px 0 #fae5c4a0;background:#39060ccc}
.planning-table td:not(.day-divider td),.planning-table thead th{background-image:linear-gradient(125deg,#ffffff08,#0000 42%,#00000010),url('assets/ecole-panoramique.png');background-size:auto,2100px auto;background-position:center,58% 40%;background-blend-mode:normal,multiply}
.planning-table thead th{box-shadow:inset 0 3px 0 #f7d8a699,inset 0 -3px 0 #7e581a66}
.planning-table tbody .day{background:#4e0810 url('assets/accueil-relief-accentue-mobile-moroccan.png') 50% 20%/700px auto;text-shadow:1px 2px 0 #000b}
.planning-table td{box-shadow:inset 0 1px 0 #fae9ce40,inset 0 -2px 0 #00000018}
.planning-table .day-divider td{background:#3f060d url('assets/accueil-relief-accentue-mobile-moroccan.png') center 20%/900px auto;box-shadow:inset 0 5px 8px #0009,inset 0 -2px 0 #d7a75944}
.day-symbol{text-shadow:1px 2px 0 #000b}
@media(max-width:850px){
 .course-hero{background:#39040b url('assets/accueil-relief-accentue-mobile-moroccan.png') center 15%/200% auto}
 .course-hero-art{height:80vw;object-position:right bottom;mask-image:linear-gradient(transparent,black 18%)}
 .artist-scene,.news-scene,.contact-scene{background-image:linear-gradient(#39040b15,#39040b38),url('assets/planning-relief-moroccan.png')}
 .chapters{background-image:linear-gradient(#39040bb8,#39040bb8),url('assets/planning-relief-moroccan.png');background-size:180% auto;background-position:center top}
 .new-design>.site-footer{padding-top:100px;gap:22px}
}
@media(max-width:700px){
 .planning-wrap{border:0;box-shadow:none;background:none}
 .planning-table tbody:not(.day-divider){box-shadow:4px 6px 0 #554224,9px 12px 20px #0009}
 .planning-table .day-divider td{background:transparent;box-shadow:none}
 .planning-table tr{background-color:var(--row-color)}
 .planning-table td:not(.day-divider td){background-size:auto,1200px auto}
 .planning-table .day-divider tr{background:transparent}
}

/* Lettres découpées : une tranche courte, une lumière haute, une ombre portée.
   Le lettrage reste du texte sélectionnable, avec les couleurs existantes. */
.home-continuous .tagline,
.new-design h1,.new-design h2,.planning-title h1{
 font-family:Chelsea,Arial,sans-serif;font-weight:400;
 text-shadow:0 -1px 0 #fae7c83b,1px 1px 0 #54442b,2px 2px 0 #3a2122,3px 3px 0 #261e18,4px 5px 0 #190205e6,7px 10px 8px #000a;
}
.home-continuous .tagline .line-three,
.home-continuous .intro-heading h2{
 font-family:Chelsea,Arial,sans-serif;font-weight:400;
 text-shadow:0 -1px 0 #fff0d730,1px 1px 0 #6c5a3d,2px 2px 0 #32271d,3px 4px 0 #190205d9,5px 7px 7px #000a;
}
.home-continuous .hero h1{font-family:Chelsea,Arial,sans-serif;text-shadow:1px 2px 0 #260408,3px 4px 4px #0009}

/* Une même matière et un même volume pour toutes les commandes du site. */
.home-continuous .hero-actions>a,
.art-button,
.site-header .courses-toggle,.site-header .menu-toggle,
.site-header .navigation>a,.site-header .course-links a{
 --button-edge:#630a14;--button-tint-top:#7e4319a6;--button-tint-bottom:#6b0b169c;
 position:relative;isolation:isolate;
 font-family:Chelsea,Arial,sans-serif;font-weight:400;font-style:normal;
 color:#fff0d7;border:2px solid #d3a357;
 background-color:#6b0b16;
 background-image:linear-gradient(145deg,#f8deb41f,transparent 40%,#00000035),linear-gradient(115deg,var(--button-tint-top),var(--button-tint-bottom)),url('assets/accueil-relief-accentue-mobile-moroccan.png');
 background-size:100% 100%,100% 100%,620px auto;background-position:center,center,48% 12%;
 border-radius:4px 11px 5px 10px;
 box-shadow:1px 1px 0 var(--button-edge),2px 2px 0 var(--button-edge),3px 3px 0 var(--button-edge),4px 4px 0 var(--button-edge),5px 6px 0 #2c0409,8px 11px 10px #190205a6,inset 1px 2px 0 #f8dcb070,inset -2px -3px 0 #27040891;
 text-shadow:0 -1px 0 #ffffff20,1px 2px 0 #2c0409,2px 3px 3px #0009;
 transition:transform .16s ease,box-shadow .16s ease;
}
.home-continuous .hero-actions>a.button-text,.art-button.rust,.art-button.orange{
 --button-edge:#6a272c;--button-tint-top:#b8353eb8;--button-tint-bottom:#6b2126a3;
 background-color:#7d252b;
 background-image:linear-gradient(145deg,#f8deb41f,transparent 40%,#00000035),linear-gradient(115deg,var(--button-tint-top),var(--button-tint-bottom)),url('assets/accueil-relief-accentue-mobile-moroccan.png');
}
.art-button.gold{
 --button-edge:#815e25;--button-tint-top:#b27e2abe;--button-tint-bottom:#705221a6;
 background-color:#936926;
 background-image:linear-gradient(145deg,#f8deb41f,transparent 40%,#00000035),linear-gradient(115deg,var(--button-tint-top),var(--button-tint-bottom)),url('assets/accueil-relief-accentue-mobile-moroccan.png');
}
.home-continuous .hero-actions>a:before,.art-button:before{
 inset:5px;border-color:#e9bd768c;box-shadow:0 1px 0 #2b0409a6,inset 0 1px 0 #2b040980;
}
.home-continuous .hero-actions .action-icon{
 filter:drop-shadow(1px 1px 0 #7c5e2d) drop-shadow(2px 3px 1px #000b);
}
.site-header .brand{
 font-family:Chelsea,Arial,sans-serif;font-weight:400;
 text-shadow:0 -1px 0 #fcf0dc,1px 1px 0 #9b8767,2px 2px 0 #b9a17a,3px 4px 3px #44372366;
 transition:transform .16s ease;
}
.site-header .brand-symbol{filter:drop-shadow(1px 2px 0 #8b7654) drop-shadow(2px 4px 2px #4338274d)}
.site-header .brand:active{transform:translateY(2px)}
.site-header .course-links{background-image:linear-gradient(#42070d42,#42070d30),url('assets/accueil-relief-accentue-mobile-moroccan.png');box-shadow:4px 6px 0 #2c0409,9px 13px 22px #0009,inset 0 0 0 4px #41060d8c}
.site-header .course-links a{margin-bottom:13px;min-height:50px}
.site-header .navigation>.current,.site-header .courses-toggle[aria-expanded=true]{border-color:#f7daaa;color:#f7d9a9}
.site-header .menu-toggle{min-width:47px;min-height:47px}
.site-header .menu-toggle span{background:#f0bf71;box-shadow:1px 2px 0 #290408}
.home-continuous .hero-actions>a:focus-visible,.art-button:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #f2cc8f;outline-offset:6px}
@media(min-width:851px){
 .site-header .navigation{gap:14px}
 .site-header .navigation>a{
  --button-edge:#b09262;color:#6a040f;text-shadow:0 1px 0 #fcf0de,1px 2px 1px #b2966877;
  border-color:#b5945e;background:#f2cc8f url('assets/ecole-panoramique.png') 58% 40%/2400px auto;
  box-shadow:1px 1px 0 #b09262,2px 2px 0 #b09262,3px 4px 0 #987b4c,5px 7px 6px #574a344d,inset 0 2px 0 #fcf2e2;
 }
 .site-header .navigation>.current{color:#83252b;border-color:#99753c}
}
@media(max-width:850px){
 .site-header .navigation{background-image:linear-gradient(#4c081022,#4c08100d),url('assets/accueil-relief-accentue-mobile-moroccan.png')}
 .site-header .navigation>a{margin-top:15px;min-height:54px}
 .site-header .course-links{box-shadow:none;background:none}
 .home-continuous .hero-actions>a{font-size:clamp(11px,2.1vw,16px);min-height:60px;white-space:normal;text-align:center;gap:7px;padding:12px 9px}
 .home-continuous .hero-actions>a .action-label{line-height:1.4;font-family:Chelsea,Arial,sans-serif}
 .home-continuous .hero-actions .action-icon{width:20px;height:23px}
 .home-continuous .hero-actions .action-arrow{font-size:18px}
 .home-continuous .hero-actions>a.button-primary{flex:0 0 40%}
 .home-continuous .hero-actions>a.button-text{min-width:0}
 .course-jumps{gap:21px}
 .chapter-action{gap:22px}
 .home-continuous .intro-heading h2{text-shadow:0 -1px 0 #fff0d730,1px 1px 0 #68513a,2px 2px 0 #30251c,3px 4px 4px #000c}
}
@media(hover:hover){
 .home-continuous .hero-actions>a:hover,.art-button:hover,
 .site-header .courses-toggle:hover,.site-header .menu-toggle:hover,
 .site-header .navigation>a:hover,.site-header .course-links a:hover{
  transform:translateY(-2px);box-shadow:2px 3px 0 var(--button-edge),4px 6px 0 var(--button-edge),5px 8px 0 #2c0409,9px 15px 13px #190205a6,inset 1px 2px 0 #f8dcb070,inset -2px -3px 0 #27040891;
 }
}
.home-continuous .hero-actions>a:active,.art-button:active,
.site-header .courses-toggle:active,.site-header .menu-toggle:active,
.site-header .navigation>a:active,.site-header .course-links a:active{
 transform:translate(2px,4px);box-shadow:1px 2px 0 var(--button-edge),3px 4px 4px #19020599,inset 1px 2px 3px #2c040970;
}
@media(prefers-reduced-motion:reduce){
 .home-continuous .hero-actions>a,.art-button,.site-header a,.site-header button{transition:none}
}