/* Challenge Brevet - Célia — menu partagé (toutes les pages) */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,250,246,0.96);
  backdrop-filter:blur(6px);
  border-bottom:1px solid #f0ddd2;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
.site-header *{box-sizing:border-box;}
.sn-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  max-width:1240px;margin:0 auto;padding:12px 20px;min-height:64px;
}
.sn-logo{font-weight:800;font-size:20px;white-space:nowrap;color:#bb3400;text-decoration:none;}
.sn-burger{display:none;background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:#bb3400;padding:6px;}
.sn-menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;}
.sn-item{position:relative;}
.sn-top{
  display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;
  font:inherit;font-weight:600;font-size:15px;color:#2b2320;text-decoration:none;
  padding:10px 12px;border-radius:10px;white-space:nowrap;
}
.sn-top:hover,.sn-item.open > .sn-top{color:#bb3400;background:#fdece3;}
.sn-top .caret{font-size:11px;transition:transform .2s;}
.sn-item.open > .sn-top .caret{transform:rotate(180deg);}
.sn-top.is-new::after{
  content:"Nouveau";font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  background:#bb3400;color:#fff;border-radius:999px;padding:2px 7px;margin-left:2px;
}
.sn-drop{
  position:absolute;top:calc(100% + 8px);left:0;min-width:300px;
  background:#fff;border:1px solid #f0ddd2;border-radius:14px;padding:8px;
  box-shadow:0 18px 40px rgba(90,40,10,.14);
  list-style:none;margin:0;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s;
}
.sn-item.open > .sn-drop{opacity:1;visibility:visible;transform:none;}
@media (hover:hover) and (min-width:1261px){
  .sn-item:hover > .sn-drop{opacity:1;visibility:visible;transform:none;}
  .sn-item:hover > .sn-top{color:#bb3400;background:#fdece3;}
  .sn-item:hover > .sn-top .caret{transform:rotate(180deg);}
  /* pont invisible pour ne pas perdre le survol entre le bouton et le menu */
  .sn-drop::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;}
}
.sn-drop a{
  display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#2b2320;
}
.sn-drop a:hover{background:#fdece3;}
.sn-drop a strong{display:block;font-size:15px;font-weight:700;color:#2b2320;}
.sn-drop a span{display:block;font-size:13px;color:#5c5049;margin-top:2px;}
.sn-drop .soon{display:block;padding:10px 12px;color:#8a7d75;font-size:14px;}
.sn-drop .soon strong{display:block;font-size:15px;color:#8a7d75;}
.sn-cta{
  background:#bb3400;color:#fff !important;padding:11px 18px;border-radius:999px;
  font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;margin-left:8px;
}
.sn-cta:hover{background:#8f2700;}

/* Tablette et téléphone */
@media (max-width:1260px){
  .sn-burger{display:block;}
  .sn-menu{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:2px;
    background:#fff;border-bottom:1px solid #f0ddd2;padding:12px 16px 18px;
    box-shadow:0 18px 30px rgba(90,40,10,.10);
    max-height:calc(100vh - 64px);overflow-y:auto;
    display:none;
  }
  .sn-menu.open{display:flex;}
  .sn-top{width:100%;justify-content:flex-start;font-size:16px;padding:14px 12px;}
  .sn-top .caret{order:3;margin-left:auto;}
  .sn-top.is-new::after{order:2;}
  .sn-cta{display:block;}
  .sn-drop{
    position:static;min-width:0;box-shadow:none;border:none;padding:0 0 6px 10px;
    opacity:1;visibility:visible;transform:none;display:none;
  }
  .sn-item.open > .sn-drop{display:block;}
  .sn-cta{margin:10px 0 0;text-align:center;}
}