/* Barre navigation claire, surcharge après les <style> des pages */
nav {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid var(--grey-border, #dde3ed) !important;
  box-shadow: 0 1px 4px rgba(15, 25, 36, 0.06) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
}

.nav-links a:not(.nav-cta) {
  color: var(--text-mid, #3d4e63) !important;
}
.nav-links a:not(.nav-cta):hover {
  color: var(--navy, #1b2d4f) !important;
}
.nav-links a[style*="font-weight:600"]:not(.nav-cta) {
  color: var(--navy, #1b2d4f) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.nav-cta {
  background: var(--navy, #1b2d4f) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(27, 45, 79, 0.25) !important;
}
.nav-cta:hover {
  background: var(--navy-deep, #0f1e38) !important;
  box-shadow: 0 8px 22px rgba(27, 45, 79, 0.3) !important;
}

.nav-burger {
  color: var(--navy, #1b2d4f) !important;
}

nav a[aria-label*="MonAnalyseBio"] span span span:first-of-type {
  color: #0f1e38 !important;
}
nav a[aria-label*="MonAnalyseBio"] span span span:last-of-type {
  color: #f07030 !important;
}

nav svg line {
  stroke: #b8c4d6 !important;
}
nav svg polyline[stroke="#F07030"] {
  stroke: #f07030 !important;
}
nav svg polyline[stroke="#0F1E38"] {
  stroke: #0f1e38 !important;
}
nav svg circle[fill="#0F1E38"] {
  fill: #0f1e38 !important;
}

/* Retire "Blog" du header sur tout le site */
nav .nav-links a[href="blog.html"] {
  display: none !important;
}

@media (max-width: 900px) {
  .nav-links {
    background: #fff !important;
    border-bottom: 1px solid var(--grey-border, #dde3ed) !important;
    box-shadow: 0 12px 24px rgba(15, 25, 36, 0.1) !important;
  }
}

/* Paysage mobile: forcer menu compact type burger */
@media (max-width: 1100px) and (max-height: 500px) and (orientation: landscape) {
  nav {
    height: 60px !important;
    padding: 8px 14px !important;
  }

  nav a[aria-label*="MonAnalyseBio"] span {
    max-width: min(220px, 68vw) !important;
  }

  .nav-links {
    display: none !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    gap: 14px !important;
    padding: 16px !important;
    background: #fff !important;
    border-bottom: 1px solid var(--grey-border, #dde3ed) !important;
    box-shadow: 0 12px 24px rgba(15, 25, 36, 0.1) !important;
    max-height: calc(100vh - 60px) !important;
    overflow-y: auto !important;
    z-index: 99 !important;
  }

  .nav-links.open {
    display: flex !important;
  }

  .nav-burger {
    display: block !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }
}
