/* --- layout header --- */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6e8ec;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{font-weight:800;font-size:1.125rem;color:#111;text-decoration:none}

/* Cacher/montrer les versions */
.nav-desktop{display:none}
.nav-mobile{display:block}

/* ≥ 992px = desktop: afficher nav-desktop, cacher nav-mobile */
@media (min-width: 992px){
  .nav-desktop{display:flex;gap:12px}
  .nav-mobile{display:none}
}

/* --- nav desktop --- */
.nav-desktop a{
  display:inline-block;padding:.5rem .75rem;border-radius:8px;text-decoration:none;color:#111
}
.nav-desktop a:hover{background:#f5f7fa}

/* --- nav mobile (burger <details>) --- */
.nav-mobile{position:relative}
.nav-mobile > summary{
  list-style:none;width:44px;height:44px;display:grid;place-items:center;
  border:1px solid #e6e8ec;border-radius:10px;cursor:pointer;background:#fff
}
.nav-mobile > summary::-webkit-details-marker{display:none}
.nav-mobile[open] > summary{background:#f5f7fa}

.nav-mobile-panel{
  position:absolute;right:0;top:calc(100% + 8px);
  background:#fff;border:1px solid #e6e8ec;border-radius:12px;
  box-shadow:0 8px 24px rgba(16,24,40,.12);min-width:220px;padding:8px;
  display:flex;flex-direction:column;gap:6px
}
.nav-mobile-panel a{
  padding:.75rem;border-radius:10px;text-decoration:none;color:#111;background:#f5f7fa
}


.nav-mobile > summary svg {
  stroke: #111; /* couleur visible sur fond blanc */
}
.nav-mobile[open] > summary svg {
  stroke: #0f62fe; /* couleur quand ouvert */
}
.btn--loading {
  position: relative;
  cursor: default !important;
  opacity: 0.8;
}

.btn--loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #fff;
  border-right-color: #fff;
  animation: spin 0.7s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}