/* ==========================================================================
   Start in Mazedonien — Shared Site Header
   Used by both the static site (index.html etc.) and the WordPress blog
   (via header.php / template-parts/site-header-nav.php).
   Host this file at: https://startinmazedonien.de/assets/site-header.css
   ========================================================================== */

:root{
  --lake:#0D3B44; --lake-deep:#082830;
  --sun:#D9A441; --sun-bright:#E8B94E;
  --paper:#F6F7F4; --paper-card:#FFFFFF;
  --ink:#15272B; --ink-soft:#41565B;
  --line:#D8DEDA; --garnet:#8E2B2B;
  --radius:10px; --maxw:1120px;
}

/* Base bits the header relies on */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.mono{font-family:'IBM Plex Mono',monospace}
a{color:var(--lake)}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(246,247,244,0.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:14px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo-sun{width:36px;height:36px;flex:none}
.logo b{font-family:'Archivo',sans-serif;font-weight:800;font-size:16px;font-stretch:110%;white-space:nowrap}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{font-family:'Archivo',sans-serif;font-size:14px;font-weight:600;text-decoration:none;color:var(--ink-soft);white-space:nowrap}
.nav-links a:hover{color:var(--lake)}

.btn{font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;padding:12px 22px;border-radius:var(--radius);text-decoration:none;display:inline-block;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s ease, box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--sun);color:var(--lake-deep)}
.btn-gold:hover{box-shadow:0 6px 18px rgba(217,164,65,0.35)}
.btn-ghost-light{border-color:rgba(255,255,255,0.35);color:#fff;background:transparent}
.nav-cta{padding:9px 18px;font-size:13.5px}

.lang-switch{display:flex;border:1px solid var(--line);border-radius:20px;overflow:hidden;flex:none}
.lang-switch button{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;padding:7px 13px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer}
.lang-switch button[aria-pressed="true"]{background:var(--lake);color:#fff}

.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.burger span{display:block;width:24px;height:2.5px;background:var(--lake);border-radius:2px}

@media(max-width:960px){
  .burger{display:flex}
  .nav-links{position:absolute;top:66px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:18px 24px;gap:16px;display:none}
  .nav-links.open{display:flex}
}