/* ============================================================
   Menu flottant mobile (<=991px) — bloc d'actions unifié + overlay fancy.
   HTML injecté par sd-mobilenav.js. Couleurs de la charte SD.
   Ajouté 2026-07-03.
   ============================================================ */

/* Bloc d'actions : masqué au-dessus de 991px (desktop garde le header vivant) */
.sd-actions{display:none}

@media(max-width:991px){
  /* On remplace le bouton RDV séparé + le toggle Bricks par le bloc unifié */
  .c-header .c-btn-hd{display:none!important}
  .c-header .bricks-mobile-menu-toggle{display:none!important}

  .sd-actions{display:inline-flex;align-items:center;gap:5px;background:#1F2937;
    padding:5px;border-radius:14px;box-shadow:0 8px 22px -10px rgba(31,41,55,.55)}
  .sd-actions .sd-rdv{display:inline-flex;align-items:center;gap:.45rem;background:#C2410C;color:#fff;
    font-family:Inter,sans-serif;font-weight:700;font-size:13.5px;padding:10px 15px;border-radius:10px;
    text-decoration:none;position:relative;overflow:hidden;transition:transform .16s cubic-bezier(.34,1.56,.64,1)}
  .sd-actions .sd-rdv svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none}
  .sd-actions .sd-rdv:active{transform:scale(.96)}
  .sd-actions .sd-rdv::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);
    animation:sd-mn-shine 3.6s 1.2s infinite}
  @keyframes sd-mn-shine{0%,80%{left:-60%}90%,100%{left:130%}}
  .sd-burger{width:44px;height:44px;border:none;border-radius:10px;background:rgba(255,255,255,.09);
    cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}
  .sd-burger:hover{background:rgba(255,255,255,.16)}
  .sd-burger span{position:relative;width:19px;height:2px;background:#fff;border-radius:2px;
    transition:transform .3s ease,opacity .2s;display:block}
  .sd-burger span::before,.sd-burger span::after{content:"";position:absolute;left:0;width:19px;height:2px;
    background:#fff;border-radius:2px;transition:transform .3s ease}
  .sd-burger span::before{top:-6px}.sd-burger span::after{top:6px}
}

/* Overlay plein écran (piloté par body.sd-mobnav-open) */
.sd-mobnav{position:fixed;inset:0;z-index:2500;background:linear-gradient(160deg,#1F2937 0%,#111827 100%);
  opacity:0;visibility:hidden;transition:opacity .38s ease,visibility .38s;display:flex;flex-direction:column;overflow:hidden}
.sd-mobnav::before{content:"";position:absolute;top:-60px;right:-70px;width:320px;height:320px;opacity:.05;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23fff' stroke-width='6'%3E%3Cpath d='M78 22H35a20 20 0 0 0 0 40h18'/%3E%3Cpath d='M22 78h43a20 20 0 0 0 0-40H47'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
body.sd-mobnav-open{overflow:hidden}
body.sd-mobnav-open .sd-mobnav{opacity:1;visibility:visible}
/* burger -> croix */
body.sd-mobnav-open .sd-burger span{background:transparent}
body.sd-mobnav-open .sd-burger span::before{transform:translateY(6px) rotate(45deg)}
body.sd-mobnav-open .sd-burger span::after{transform:translateY(-6px) rotate(-45deg)}

.sd-mobnav__top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:relative;z-index:2}
.sd-mono{width:40px;height:40px;display:block}.sd-mono svg{width:100%;height:100%}
.sd-close{width:44px;height:44px;border:none;border-radius:10px;background:rgba(255,255,255,.09);
  color:#fff;font-size:22px;cursor:pointer;line-height:1}
.sd-links{display:flex;flex-direction:column;padding:8px 22px 0;position:relative;z-index:2}
.sd-links a{display:flex;align-items:center;gap:14px;padding:17px 0;text-decoration:none;color:#F5F1EB;
  border-bottom:1px solid rgba(255,255,255,.08);font-family:Manrope,sans-serif;font-weight:700;font-size:23px;
  opacity:0;transform:translateX(18px)}
.sd-links a .sd-idx{font-family:Inter,sans-serif;font-weight:700;font-size:12px;color:#DC6526;width:24px;flex:none}
.sd-links a .sd-arr{margin-left:auto;opacity:.5;transition:transform .2s,opacity .2s}
.sd-links a:active .sd-arr,.sd-links a:hover .sd-arr{transform:translateX(4px);opacity:1}
/* Page active : plus évidente (texte blanc, index cuivre plein, liseré + fond léger) */
.sd-links a.sd-cur{color:#fff;padding-left:14px;margin-left:-14px;border-left:3px solid #C2410C;
  background:linear-gradient(90deg,rgba(194,65,12,.14),transparent 70%);border-radius:0 8px 8px 0}
.sd-links a.sd-cur .sd-idx{color:#DC6526}
.sd-links a.sd-cur .sd-arr{opacity:1;transform:translateX(2px)}
body.sd-mobnav-open .sd-links a{animation:sd-mn-in .5s forwards cubic-bezier(.22,1,.36,1)}
.sd-links a:nth-child(1){animation-delay:.10s}.sd-links a:nth-child(2){animation-delay:.16s}
.sd-links a:nth-child(3){animation-delay:.22s}.sd-links a:nth-child(4){animation-delay:.28s}
.sd-links a:nth-child(5){animation-delay:.34s}.sd-links a:nth-child(6){animation-delay:.40s}
.sd-links a:nth-child(7){animation-delay:.46s}
@keyframes sd-mn-in{to{opacity:1;transform:translateX(0)}}
.sd-mobnav__foot{margin-top:auto;padding:22px;position:relative;z-index:2;opacity:0;transform:translateY(14px)}
body.sd-mobnav-open .sd-mobnav__foot{animation:sd-mn-foot .5s .5s forwards ease}
@keyframes sd-mn-foot{to{opacity:1;transform:none}}
.sd-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#C2410C;color:#fff;
  font-family:Inter,sans-serif;font-weight:700;font-size:16px;padding:16px;border-radius:11px;text-decoration:none}
.sd-cta svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none}
.sd-base{font-family:Inter,sans-serif;font-style:italic;font-size:14px;color:#C7CDD6;text-align:center;margin:16px 0 0}

@media (prefers-reduced-motion:reduce){
  .sd-mobnav,.sd-mobnav *,.sd-actions *{animation:none!important;transition:none!important}
}