/* Sarki Excellence — en-tête et pied de page (module layout.php). */

.sxh,.sxh-drawer,.sxf{--sx-ink:#0A0D14;--sx-night:#10151F;--sx-line:rgba(255,255,255,.08);--sx-gold:#E9BE4A;--sx-gold2:#F7DC8E;--sx-flame:#FF5F15;--sx-text:#EEF0F6;--sx-muted:#9BA4B6;--sx-display:'Syne',sans-serif;--sx-sans:'Plus Jakarta Sans',system-ui,sans-serif}
body.sx-layout{--sxh-h:78px;--sxh-top:0px}
body.sx-layout.admin-bar{--sxh-top:32px}
@media (max-width:782px){body.sx-layout.admin-bar{--sxh-top:46px}}
@media (max-width:1080px){body.sx-layout{--sxh-h:66px}}
.sxh *,.sxh *::before,.sxh *::after,.sxh-drawer *,.sxh-drawer *::before,.sxh-drawer *::after,.sxf *,.sxf *::before,.sxf *::after{box-sizing:border-box}

/* ── Nettoyage : en-tête et pied du thème, ancien snippet, espaces blancs ── */
.sarki-site-header{display:none!important}
body.sx-no-theme-chrome #site-header,body.sx-no-theme-chrome header.site-header,body.sx-no-theme-chrome #masthead,body.sx-no-theme-chrome .elementor-location-header,body.sx-no-theme-chrome #site-footer,body.sx-no-theme-chrome footer.site-footer,body.sx-no-theme-chrome #colophon,body.sx-no-theme-chrome .elementor-location-footer,body.sx-no-theme-chrome .ast-above-header-wrap,body.sx-no-theme-chrome #ast-desktop-header,body.sx-no-theme-chrome #ast-mobile-header{display:none!important}
body.sx-layout.elementor-page .page-header,body.sx-layout.elementor-page .entry-header{display:none!important}
body.sx-layout.elementor-page .site-main,body.sx-layout.elementor-page .site-content,body.sx-layout.elementor-page #content,body.sx-layout.elementor-page #primary,body.sx-layout.elementor-page .page-content,body.sx-layout.elementor-page article.page{margin-top:0!important;padding-top:0!important}
body.sx-layout{margin-top:0!important;padding-top:0!important}
html body.sx-dark,body.sx-dark .site,body.sx-dark #page{background:#0A0D14}
body.sx-dark{color:#EEF0F6}

/* ── En-tête ── */
.sxh{position:fixed;top:var(--sxh-top);left:0;right:0;z-index:9990;height:var(--sxh-h);font-family:var(--sx-sans);color:var(--sx-text);transition:background .35s,box-shadow .35s,border-color .35s,height .35s;background:linear-gradient(180deg,rgba(10,13,20,.85),rgba(10,13,20,0));border-bottom:1px solid transparent}
.sxh.is-solid,body.sx-layout:not(.sxh-overlay) .sxh{background:rgba(10,13,20,.86);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:rgba(233,190,74,.18);box-shadow:0 12px 40px -20px rgba(0,0,0,.9)}
.sxh::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(233,190,74,.7),transparent);opacity:0;transition:opacity .35s}
.sxh.is-solid::after,body.sx-layout:not(.sxh-overlay) .sxh::after{opacity:1}
.sxh__bar{display:flex;align-items:center;gap:24px;max-width:1300px;height:100%;margin:0 auto;padding:0 24px}
.sxh__logo{display:flex;align-items:center;flex-shrink:0;height:100%;padding:6px 0;text-decoration:none}
.sxh__logo img{display:block;width:auto;height:52px;max-width:160px;object-fit:contain;transition:height .35s}
.sxh.is-solid .sxh__logo img{height:46px}
.sxh__nav{flex:1;display:flex;justify-content:center;min-width:0}
.sxh__nav ul{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.sxh__nav li{margin:0;padding:0}
.sxh__nav a{position:relative;display:block;padding:10px 14px;border-radius:999px;color:rgba(238,240,246,.82);font-size:14.5px;font-weight:600;letter-spacing:.01em;line-height:1.2;text-decoration:none;white-space:nowrap;transition:color .25s,background .25s}
.sxh__nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.sxh__nav a.is-active{color:var(--sx-gold2)}
.sxh__nav a.is-active::after{content:"";position:absolute;left:50%;bottom:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--sx-gold)}
.sxh__actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}
.sxh__live{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,95,21,.14);border:1px solid rgba(255,95,21,.5);color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.sxh__live:hover{background:rgba(255,95,21,.25);color:#fff}
.sxh__live i{width:8px;height:8px;border-radius:50%;background:var(--sx-flame);animation:sxhPulse 1.8s infinite}
.sxh__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid transparent;font-family:var(--sx-sans);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s,color .3s,background .3s}
.sxh__btn[hidden]{display:none!important}
.sxh__btn--gold{background:linear-gradient(135deg,var(--sx-gold2),var(--sx-gold));color:#1A1405;box-shadow:0 10px 26px -10px rgba(233,190,74,.6)}
.sxh__btn--gold:hover{transform:translateY(-2px);color:#1A1405;box-shadow:0 14px 30px -10px rgba(233,190,74,.75)}
.sxh__btn--ghost{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--sx-text)}
.sxh__btn--ghost:hover{border-color:var(--sx-gold);color:var(--sx-gold2)}
.sxh__btn--ghost svg{color:#FF8A52}
.sxh__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin:0;padding:0 11px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.04);cursor:pointer}
.sxh__burger:hover,.sxh__burger:focus{background:rgba(255,255,255,.08)}
.sxh__burger span{display:block;width:100%;height:2px;border-radius:2px;background:#fff;transition:transform .3s,opacity .3s}
.sxh__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sxh__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sxh__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.sxh-spacer{height:var(--sxh-h)}
body.sxh-overlay .sxh-spacer{display:none}
body.sx-layout:has(.sx-hero,.sx-vhero,.sx-vidhero,.sx-chero,.sx-classhero,[data-sx-overlay]) .sxh-spacer{display:none}
.sxh a:focus-visible,.sxh button:focus-visible,.sxh-drawer a:focus-visible,.sxf a:focus-visible{outline:2px solid var(--sx-gold);outline-offset:3px}

/* ── Menu mobile ── */
.sxh-drawer{position:fixed;left:0;right:0;bottom:0;top:calc(var(--sxh-top) + var(--sxh-h));z-index:9989;display:flex;flex-direction:column;gap:26px;padding:26px 20px 30px;overflow-y:auto;background:radial-gradient(60% 40% at 100% 0%,rgba(233,190,74,.14),transparent 70%),rgba(10,13,20,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--sx-sans);color:var(--sx-text);opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}
.sxh-drawer[hidden]{display:none}
.sxh-drawer.is-open{opacity:1;transform:none}
.sxh-drawer__nav{display:flex;flex-direction:column}
.sxh-drawer__nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4px;border-bottom:1px solid var(--sx-line);color:var(--sx-text);font-family:var(--sx-display);font-size:clamp(22px,6vw,28px);font-weight:700;text-decoration:none;opacity:0;transform:translateX(-12px);transition:opacity .4s,transform .4s,color .25s;transition-delay:calc(var(--i,0) * 45ms)}
.sxh-drawer.is-open .sxh-drawer__nav a{opacity:1;transform:none}
.sxh-drawer__nav a svg{color:var(--sx-gold);opacity:.6}
.sxh-drawer__nav a.is-active{color:var(--sx-gold2)}
.sxh-drawer__actions{display:flex;flex-direction:column;gap:10px}
.sxh-drawer__actions .sxh__btn{width:100%;padding:15px 20px;font-size:15px}
.sxh-drawer__foot{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid var(--sx-line)}
.sxh-drawer__foot a{display:inline-flex;align-items:center;gap:10px;color:var(--sx-muted);font-size:14.5px;text-decoration:none}
.sxh-drawer__foot a svg{color:var(--sx-gold)}
html.sxh-lock,html.sxh-lock body{overflow:hidden}

@media (max-width:1080px){
  .sxh__nav{display:none}
  .sxh__burger{display:flex}
  .sxh__logo img{height:44px}
  .sxh.is-solid .sxh__logo img{height:40px}
  .sxh__bar{padding:0 16px;gap:12px}
}
@media (min-width:1081px){.sxh-drawer{display:none!important}}
@media (max-width:640px){
  .sxh__actions .sxh__btn--ghost{display:none}
  .sxh__btn{padding:10px 16px;font-size:13.5px}
  .sxh__live{padding:7px 10px;font-size:10.5px}
}
@media (max-width:380px){.sxh__actions>.sxh__btn--gold{display:none}}

/* ── Pied de page ── */
.sxf{position:relative;overflow:hidden;background:linear-gradient(180deg,#0B0F18,#070A10);color:var(--sx-text);font-family:var(--sx-sans);border-top:1px solid rgba(233,190,74,.25)}
.sxf__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 60% at 15% 0%,rgba(233,190,74,.12),transparent 70%),radial-gradient(30% 50% at 100% 100%,rgba(255,95,21,.08),transparent 70%)}
.sxf__wrap{position:relative;max-width:1240px;margin:0 auto;padding:clamp(56px,7vw,84px) 24px 26px}
.sxf__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr) minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,4vw,56px)}
.sxf__logo{display:inline-block}
.sxf__logo img{display:block;width:auto;height:68px;max-width:190px;object-fit:contain}
.sxf__tagline{margin:18px 0 0;max-width:340px;font-family:var(--sx-display);font-size:18px;font-weight:700;line-height:1.35;color:var(--sx-gold2)}
.sxf__about{margin:10px 0 0;max-width:340px;font-size:14.5px;line-height:1.7;color:var(--sx-muted)}
.sxf__social{display:flex;gap:10px;margin-top:22px}
.sxf__soc{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid var(--sx-line);background:rgba(255,255,255,.04);color:var(--sx-text);text-decoration:none;transition:transform .3s,background .3s,border-color .3s,color .3s}
.sxf__soc:hover{transform:translateY(-3px);color:#fff}
.sxf__soc--youtube:hover{background:#FF0033;border-color:#FF0033}
.sxf__soc--facebook:hover{background:#1877F2;border-color:#1877F2}
.sxf__soc--whatsapp:hover{background:#25D366;border-color:#25D366}
.sxf h2.sxf__title{margin:6px 0 18px;padding:0;font-family:var(--sx-sans);font-size:12px;font-weight:800;letter-spacing:.18em;line-height:1.4;text-transform:uppercase;color:var(--sx-gold)}
.sxf ul{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none}
.sxf li{margin:0;padding:0}
.sxf__col a,.sxf__plain{display:inline-flex;align-items:center;gap:10px;color:rgba(238,240,246,.78);font-size:14.5px;line-height:1.45;text-decoration:none;transition:color .25s,transform .25s}
.sxf__col a:hover{color:var(--sx-gold2);transform:translateX(3px)}
.sxf__contact svg{flex-shrink:0;color:var(--sx-gold)}
.sxf__contact a,.sxf__plain{white-space:nowrap}
@media (max-width:1100px){.sxf__contact a,.sxf__plain{white-space:normal;overflow-wrap:anywhere}}
.sxf__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin-top:clamp(40px,5vw,60px);padding-top:22px;border-top:1px solid var(--sx-line)}
.sxf__bottom p{margin:0;font-size:13px;color:var(--sx-muted)}
.sxf__bottom a{color:var(--sx-muted);text-decoration:underline;text-underline-offset:3px}
.sxf__bottom a:hover{color:var(--sx-gold2)}
.sxf__secure{display:inline-flex;align-items:center;gap:8px}
.sxf__secure svg{color:var(--sx-gold)}
.sxf__top{position:fixed;right:18px;bottom:18px;z-index:9980;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--sx-gold2),var(--sx-gold));color:#1A1405;box-shadow:0 12px 30px -10px rgba(233,190,74,.7);text-decoration:none;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s}
.sxf__top.is-on{opacity:1;transform:none;pointer-events:auto}
.sxf__top:hover{color:#1A1405;transform:translateY(-3px)}
@media (max-width:960px){.sxf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sxf__brand{grid-column:1/-1}}
@media (max-width:560px){.sxf__wrap{padding:52px 16px 90px}.sxf__grid{grid-template-columns:minmax(0,1fr);gap:30px}.sxf__bottom{flex-direction:column;align-items:flex-start}.sxf__top{right:14px;bottom:14px}}

@keyframes sxhPulse{0%{box-shadow:0 0 0 0 rgba(255,95,21,.6)}70%{box-shadow:0 0 0 8px rgba(255,95,21,0)}100%{box-shadow:0 0 0 0 rgba(255,95,21,0)}}
@media (prefers-reduced-motion:reduce){.sxh,.sxh *,.sxh-drawer,.sxh-drawer *,.sxf *{animation:none!important;transition:none!important}}
/* Bouton « Version légère » */
.sxf__lite button{margin:0;padding:0;border:0;background:none;color:var(--sx-muted);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sxf__lite button:hover,.sxf__lite button:focus-visible{color:var(--sx-gold2)}