/* ── Layout sidebar + contenu pour pages info ── */

.mz-page-info__layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: var(--mz-space-xl);
  align-items: start;
  max-width: 100%;
  overflow: hidden;
}

/* ── Sidebar navigation ── */

.mz-page-info__sidebar {
  position: sticky;
  top: 20px;
  align-self: start;
}

.mz-sidebar-nav {
  border: 1px solid var(--mz-color-border);
  border-radius: var(--mz-radius-md);
  padding: var(--mz-space-lg) var(--mz-space-md);
  background: #fff;
}

/* Details wrapper — always open on desktop */
.mz-sidebar-nav__details {
  border: none;
}
.mz-sidebar-nav__details summary {
  list-style: none;
}
.mz-sidebar-nav__details summary::-webkit-details-marker {
  display: none;
}

.mz-sidebar-nav__title {
  font-size: var(--mz-font-size-sm);
  font-weight: var(--mz-font-weight-semibold);
  color: var(--mz-color-primary);
  margin-bottom: var(--mz-space-md);
  cursor: default;
}

.mz-sidebar-nav__menu-suffix {
  display: none;
}

.mz-sidebar-nav__arrow {
  display: none;
}

.mz-sidebar-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mz-sidebar-nav__item {
  margin: 0;
}

/* Parent = label de section (comme SOUS-TYPE, MARQUE) */
.mz-sidebar-nav__parent {
  display: block;
  font-size: 10px;
  font-weight: var(--mz-font-weight-semibold);
  color: var(--mz-color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--mz-space-sm) 0 var(--mz-space-2xs);
  text-decoration: none;
  margin-top: var(--mz-space-md);
  border-top: 1px solid var(--mz-color-border);
}

.mz-sidebar-nav__item--parent:first-child .mz-sidebar-nav__parent {
  margin-top: 0;
  border-top: none;
}

.mz-sidebar-nav__parent:hover {
  color: var(--mz-color-primary);
}

/* Enfants = liens simples, indentés */
.mz-sidebar-nav__children {
  list-style: none;
  padding: 0 0 0 12px;
  margin: 0;
}

.mz-sidebar-nav__children a {
  display: block;
  font-size: 13px;
  color: var(--mz-color-text-secondary);
  text-decoration: none;
  padding: 6px 0 6px 8px;
  line-height: 1.4;
}

.mz-sidebar-nav__children a:hover {
  color: var(--mz-color-primary);
}

/* Page active = bouton rose plein */
.mz-sidebar-nav__link--active,
a.mz-sidebar-nav__link--active {
  background: var(--mz-color-primary) !important;
  color: #fff !important;
  font-weight: var(--mz-font-weight-medium);
  padding: 3px 8px !important;
  border-radius: 3px;
  display: inline-block;
}

.mz-sidebar-nav__parent.mz-sidebar-nav__link--active {
  background: var(--mz-color-primary) !important;
  color: #fff !important;
  padding: 3px 8px !important;
  border-radius: 3px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: var(--mz-font-weight-semibold);
  letter-spacing: 0.05em;
}

/* Sous-enfants (ex: fievre > fievre-adulte) */
.mz-sidebar-nav__children .mz-sidebar-nav__children {
  padding-left: 10px;
  margin-left: 0;
}

.mz-sidebar-nav__children .mz-sidebar-nav__children a {
  font-size: 12px;
  color: var(--mz-color-text-muted);
}

/* ── Bloc essentiel (en haut du contenu, après l'intro) ── */

.mz-essentiel {
  background: #faf7f8;
  border: 1px solid var(--mz-color-border);
  border-left: 3px solid var(--mz-color-primary);
  border-radius: var(--mz-radius-md);
  padding: var(--mz-space-md) var(--mz-space-lg);
  margin: var(--mz-space-lg) 0;
  font-size: var(--mz-font-size-sm);
}

.mz-essentiel__title {
  font-size: var(--mz-font-size-xs);
  font-weight: var(--mz-font-weight-bold);
  color: var(--mz-color-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 var(--mz-space-xs);
}

.mz-essentiel ul {
  margin: 0;
  padding-left: var(--mz-space-lg);
}

.mz-essentiel li {
  margin-block: 3px;
  line-height: 1.5;
}

/* ── CTA sidebar vers collection ── */

.mz-sidebar-cta {
  display: block;
  margin-bottom: var(--mz-space-sm);
  padding: var(--mz-space-md);
  background: var(--mz-color-secondary);
  border-radius: var(--mz-radius-md);
  text-decoration: none;
  overflow: hidden;
  position: relative;
  border-top: 3px solid var(--cta-color, var(--mz-color-primary));
}

.mz-sidebar-cta:hover {
  opacity: 0.95;
}

.mz-sidebar-cta__label {
  display: block;
  font-size: 13px;
  font-weight: var(--mz-font-weight-bold);
  color: #fff;
  margin-bottom: 4px;
}

.mz-sidebar-cta__sub {
  display: block;
  font-size: 11px;
  color: #c0b0c2;
  margin-bottom: 8px;
  line-height: 1.3;
}

.mz-sidebar-cta__count {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  background: rgba(255,255,255,0.12);
  padding: 3px 8px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.mz-sidebar-cta__btn {
  display: block;
  background: var(--cta-color, var(--mz-color-primary));
  color: #fff;
  font-size: 12px;
  font-weight: var(--mz-font-weight-semibold);
  text-align: center;
  padding: 8px;
  border-radius: var(--mz-radius-sm);
}

.mz-sidebar-cta:hover .mz-sidebar-cta__btn {
  filter: brightness(1.1);
}

/* ── Mobile : sidebar en dessous ── */

@media (max-width: 899px) {
  .mz-page-info__layout {
    display: block;
  }

  .mz-page-info__sidebar {
    position: static;
  }

  .mz-sidebar-nav {
    margin-top: var(--mz-space-xl);
  }

  /* Replier la nav par défaut sur mobile */
  .mz-sidebar-nav__details:not([open]) .mz-sidebar-nav__list {
    display: none;
  }

  .mz-sidebar-nav__title {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }

  .mz-sidebar-nav__details[open] .mz-sidebar-nav__title {
    margin-bottom: var(--mz-space-md);
  }

  .mz-sidebar-nav__arrow {
    display: inline-block;
    font-size: 12px;
    color: #999;
    transition: transform 0.3s ease;
  }

  .mz-sidebar-nav__details[open] .mz-sidebar-nav__arrow {
    transform: rotate(180deg);
  }
}