/* ==========================================================================
   Header, mobile menu and footer for the Germany Guides pages.
   Kept separate from main.css and redesign.css on purpose: the guide has its own
   design system (css variables and class names) and those two files would clash with it.
   Same look as the rest of the site: light bar with a pine edge, charcoal footer.
   ========================================================================== */
/* Fonts are hosted on this site (Poppins and Caprasimo, Latin letters only) */
@font-face { font-family: 'Caprasimo'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/caprasimo-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/poppins-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/poppins-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/poppins-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.site-header{position:sticky;top:0;z-index:100;height:60px;display:flex;align-items:center;background-color:#FBF6EC;background-image:radial-gradient(rgba(58,74,50,.10) 1px,transparent 1.3px);background-size:6px 6px;border-bottom:3px solid #3A4A32}
.site-header .container,.site-footer .container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.site-header .container{display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Poppins',-apple-system,sans-serif;font-weight:700;font-size:1.05rem;color:#2B2018;text-decoration:none;min-height:44px}
.brand img{width:36px;height:36px;border-radius:50%;border:2px solid #3A4A32;background:#FBF6EC}
.main-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.main-nav a{font:700 .82rem/1 'Poppins',-apple-system,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#94461A;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.main-nav a:hover{color:#2B2018;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.main-nav .nav-cta{background:#AE531E;color:#FBF6EC;border:2px solid #7D3A17;box-shadow:0 3px 0 #7D3A17;padding:8px 14px;min-height:0;border-radius:2px}
.main-nav .nav-cta:hover{color:#FBF6EC;text-decoration:none;background:#BE5C25}
.hamburger{display:none}
.mobile-overlay{position:fixed;inset:0;background:#3A4A32;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.mobile-overlay.open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .3s ease,visibility 0s}
.mobile-overlay a{font-family:'Caprasimo',Georgia,serif;font-size:1.6rem;color:#FBF6EC;text-decoration:none}
.mobile-close{position:absolute;top:20px;right:20px;width:48px;height:48px;background:none;border:none;color:#FBF6EC;font-size:1.8rem;cursor:pointer}
@media (max-width:1000px){
  .main-nav{display:none}
  .hamburger{display:flex;align-items:center;justify-content:center;margin-left:auto;width:48px;height:48px;background:none;border:2px solid #3A4A32;color:#2B2018;font-size:1.6rem;line-height:1;cursor:pointer;border-radius:2px}
}
.site-footer{background-color:#2B2018;background-image:radial-gradient(rgba(244,235,221,.10) 1px,transparent 1.3px);background-size:5px 5px;color:#E6D9C3;padding:56px 0 28px;border-top:4px solid #C1602E;margin-top:40px;font-family:'Poppins',-apple-system,sans-serif}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-grid h4{font-family:'Caprasimo',Georgia,serif;font-weight:400;font-size:1rem;color:#FBF6EC;margin:0 0 14px}
.footer-grid a{display:flex;align-items:center;min-height:44px;color:#E6D9C3;font-size:.9rem;text-decoration:none}
.footer-grid a:hover{color:#EE9A68}
.footer-brand .brand{color:#FBF6EC;margin-bottom:10px}
.footer-brand p{max-width:32ch;font-size:.9rem;margin:0;color:#E6D9C3}
.footer-bottom{border-top:1px solid rgba(244,235,221,.12);padding-top:22px;font-size:.82rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#E6D9C3}
@media (max-width:980px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}