/* ── HEADER (unified) ── */
.header{background:var(--gray);position:sticky;top:0;left:0;width:100%;z-index:100;border-bottom:1px solid var(--border)}
.header-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 24px;gap:16px;height:64px}
.header-left{justify-self:start}
.header-nav{justify-self:center}
.header-right{justify-self:end}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.logo img{height:40px;display:block}
.nav-links{display:flex;list-style:none;gap:0}
.nav-links a{display:block;padding:8px 18px;font-size:13.5px;font-weight:500;color:var(--ink);text-decoration:none;transition:color .15s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--red)}

/* Language switcher */
.lang-switcher{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--border);border-radius:100px;padding:6px 12px 6px 11px;font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .15s}
.lang-btn:hover{border-color:var(--red)}
.lang-btn .flag{font-size:14px;line-height:1}
.lang-btn .chev{width:11px;height:11px;transition:transform .2s}
.lang-switcher.open .lang-btn .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:6px;min-width:200px;box-shadow:0 12px 32px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .18s;z-index:200}
.lang-switcher.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}
.lang-item{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;border-radius:8px;cursor:pointer;transition:background .15s;background:none;border:none;width:100%;text-align:left;font-family:inherit}
.lang-item:hover{background:#fafafa}
.lang-item.active{background:var(--red-faint);color:var(--red);font-weight:600}
.lang-item.disabled{color:#999;cursor:not-allowed}
.lang-item.disabled:hover{background:none}
.lang-item .flag{font-size:16px;line-height:1}
.lang-item .check{margin-left:auto;width:14px;height:14px;color:var(--red)}

/* ── MOBILE MENU (hamburger drawer) ── */
.lang-btn-hamburger{display:none}
.mobile-nav-section{display:none}
.mobile-nav-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#999;padding:10px 12px 6px}
.mobile-nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:500;color:var(--title,#1d2435);text-decoration:none;border-radius:8px;transition:background .15s;background:none;border:none;width:100%;text-align:left;font-family:inherit;cursor:pointer}
.mobile-nav-item:hover{background:#fafafa}
.mobile-nav-item.active{background:#fff5f5;color:#d43030;font-weight:600}
.mobile-nav-divider{height:1px;background:#eee;margin:6px 4px}
@media(max-width:980px){
  .lang-btn{padding:9px 11px;border-radius:10px;gap:0}
  .lang-btn .flag,.lang-btn>span:not(.lang-btn-hamburger),.lang-btn .chev{display:none}
  .lang-btn-hamburger{display:inline-flex;width:20px;height:14px;align-items:center;justify-content:center}
  .lang-btn-hamburger svg{width:20px;height:20px;color:#1d2435}
  .lang-menu{min-width:260px}
  .mobile-nav-section{display:block;padding:4px}
}


/* ── FOOTER ── */
.footer {
  background: var(--title); color: rgba(255,255,255,.75);
  padding: 48px 0 0;
}
.footer-grid {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 40px; padding-bottom: 40px;
}
.footer-brand img { height: 36px; margin-bottom: 14px; filter: brightness(0) invert(1); }
.footer-brand p { font-size: 13px; line-height: 1.7; color: rgba(255,255,255,.6); max-width: 260px; }
.footer-col h4 {
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .1em; color: #fff; margin-bottom: 16px;
}
.footer-col a {
  display: block; font-size: 13px; color: rgba(255,255,255,.6);
  text-decoration: none; margin-bottom: 9px;
  transition: color .15s;
}
.footer-col a:hover { color: #fff; }
.footer-contact { font-size: 13px; color: rgba(255,255,255,.6); }
.footer-contact div { margin-bottom: 10px; display: flex; gap: 8px; }
.footer-contact svg { width: 15px; height: 15px; flex-shrink: 0; margin-top: 2px; }
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 18px 0; text-align: center;
  font-size: 12px; color: rgba(255,255,255,.4);
}


/* Match the public pages without resetting the article content. */
.header *, .footer * { box-sizing: border-box; }
.header ul, .footer p, .footer h4 { margin: 0; padding: 0; }
.header { line-height: 1.55; }
.header .logo img { width: auto; }
.nav-links a[aria-current="page"], .mobile-nav-item[aria-current="page"] { color: var(--red); }
.footer .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.footer h4 { margin-bottom: 16px; }
.footer-brand img { width: auto; }
.footer>p a { color: rgba(255,255,255,.75); }
@media(max-width:980px) { .header-nav { display:none; } .header-inner { grid-template-columns: 1fr auto; } .footer-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:600px) { .header-inner { height:58px; padding:10px 14px; } .logo img { height:34px; } .footer-grid { grid-template-columns:1fr; gap:24px; } }

.header { --gray:#f5f5f5; --border:#e8e8e8; --ink:#1d2435; --red:#d43030; --red-faint:#fff5f5; font-family:Poppins,sans-serif; font-size:14px; }