/* Navigation globale : en-tête centré et tiroir modal à gauche. */
.site-header, [data-theme="dark"] .site-header { background: rgba(255,255,255,.94); border-bottom: 1px solid var(--petroleum-border); backdrop-filter: blur(16px); z-index: 20; }
[data-theme="dark"] .site-header { background: rgba(36,39,43,.94); }
.site-header .header { display: grid; grid-template-columns: 1fr auto 1fr; min-height: 144px; gap: 20px; }
.site-header .header .brand, [data-theme="dark"] .site-header .header .brand { grid-column: 2; grid-row: 1; width: 230px; max-width: none; margin: 0; padding: 0; background: transparent; border-radius: 0; transform-origin: center; transition: transform .25s ease,opacity .25s ease; }
.site-header .header .brand img, [data-theme="dark"] .site-header .header .brand img { display: block; width: 230px; height: 130px!important; object-fit: contain; }
.site-header .header .brand .brand-logo-dark { display: none; }
[data-theme="dark"] .site-header .header .brand .brand-logo-light { display: none; }
[data-theme="dark"] .site-header .header .brand .brand-logo-dark { display: block; }
.is-scrolled .site-header .brand { transform: scale(.78); opacity: .94; }
.site-header .header .menu-toggle { grid-column: 1; grid-row: 1; order: initial; margin: 0; justify-self: start; display: inline-flex; align-items: center; gap: 12px; background: transparent; color: var(--blue); border: 1px solid var(--petroleum-border); border-radius: 30px; padding: 12px 20px; cursor: pointer; }
.site-header .menu-toggle>span { color: var(--lime); font-size: 22px; line-height: 1; }
.site-header .header .theme-toggle { grid-column: 3; grid-row: 1; order: initial; justify-self: end; margin: 0; }
.site-header .menu-toggle:hover { border-color: var(--lime); }
.menu-open { overflow: hidden; }
.site-drawer { position: fixed; inset: 0 auto 0 0; margin: 0; width: min(420px,90vw); height: 100dvh; max-height: none; max-width: none; padding: 32px; border: 0; border-right: 3px solid var(--lime); background: var(--petroleum); color: white; overflow-y: auto; overscroll-behavior: contain; box-shadow: 12px 0 50px #001a2c40; }
.site-drawer[open] { animation: drawer-enter .25s ease both; }
.site-drawer.closing { animation: drawer-exit .18s ease both; }
.site-drawer::backdrop { background: #001a2c99; backdrop-filter: blur(3px); }
.drawer-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 28px; border-bottom: 1px solid #ffffff30; }
.drawer-heading>span { font-weight: 700; color: var(--lime); }
.drawer-close { color: white; background: transparent; border: 1px solid #ffffff45; border-radius: 20px; padding: 8px 12px; cursor: pointer; font: inherit; font-size: 13px; }
.site-drawer #nav, [data-theme="dark"] .site-drawer #nav { position: static; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 22px 0; margin: 0; border: 0; background: transparent; }
.site-drawer #nav>a { margin: 0; padding: 16px 0; font-size: 17px; line-height: 1.4; color: white; border-bottom: 1px solid #ffffff20; }
.site-drawer #nav>a:hover, .site-drawer #nav>a[aria-current="page"] { color: var(--lime); }
.site-drawer #nav>.btn { background: var(--lime); color: var(--petroleum); padding: 15px 18px; margin-top: 22px; border: 0; justify-content: space-between; border-radius: 6px; }
.drawer-contact { margin-top: 12px; font-size: 13px; color: #e0ebef; }
.drawer-contact>a { font-size: 24px; font-weight: 700; color: var(--lime); }
.drawer-contact p { margin: 14px 0; }
@keyframes drawer-enter { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@keyframes drawer-exit { to { transform: translateX(-100%); } }
@media(max-width:600px) {
  .site-header .header { min-height: 110px; gap: 10px; padding-left: 18px; padding-right: 18px; }
  .site-header .header .brand, [data-theme="dark"] .site-header .header .brand { width: 160px; }
  .site-header .header .brand img, [data-theme="dark"] .site-header .header .brand img { width: 160px; height: 100px!important; }
  .site-header .header .menu-toggle { font-size: 12px; padding: 9px 11px; gap: 7px; }
  .site-header .header .theme-toggle { width: 36px; height: 36px; }
  .site-drawer { padding: 26px 22px; }
}
@media(prefers-reduced-motion:reduce) { .site-drawer[open], .site-drawer.closing { animation: none; } .site-header .header .brand { transition: none; } }

html { scroll-padding-top: 160px; }
@media(max-width:600px) { html { scroll-padding-top: 126px; } }
@media(max-width:380px) {
  .site-header .header .brand, [data-theme="dark"] .site-header .header .brand { width: 128px; }
  .site-header .header .brand img, [data-theme="dark"] .site-header .header .brand img { width: 128px; }
}