/* =====================================================================
   WC2026 — site header (config-driven logo + 18+ + ad disclosure)
   ===================================================================== */
.site-header {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 12px 4px 8px;
}

.brand { display: inline-flex; align-items: center; }
.brand img { height: auto; }

/* Text wordmark fallback when no logo image is configured */
.brand-wordmark {
  font-family: "Outfit", sans-serif; font-weight: 900; font-size: 1.35rem;
  letter-spacing: -.02em; color: var(--white);
  display: inline-flex; align-items: center; gap: 4px;
}
.brand-wordmark .brand-ball { color: var(--gold); font-size: 1.1rem; }

.header-meta { display: flex; align-items: center; gap: 10px; }
.ad-label {
  font-size: .62rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--muted); white-space: nowrap;
}

/* 18+ age badge — prominent, required for UK */
.age-badge {
  display: inline-grid; place-items: center;
  min-width: 38px; height: 30px; padding: 0 8px;
  font-family: "Outfit", sans-serif; font-weight: 900; font-size: .82rem;
  color: #fff; background: #c4161c;
  border: 2px solid #fff; border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,.35);
}
.age-badge.big { min-width: 56px; height: 48px; font-size: 1.2rem; border-radius: 12px; }

@media (min-width: 700px) {
  .site-header { padding: 14px 6px 10px; }
  .brand-wordmark { font-size: 1.7rem; }
  .ad-label { font-size: .68rem; }
}