/* Balkan Guide top-level pages alignment v1
   Purpose: bring about / affiliate-disclosure / contact / privacy / products /
   error pages onto the current homepage-hub editorial language while preserving
   their content, links, tracking, and structured data. */
:root {
  --tl-paper: #eee7db;
  --tl-ink: #273a35;
  --tl-muted: #63716a;
  --tl-rule: #cbbfac;
  --tl-rust: #b85d3f;
  --tl-gold: #d79a62;
  --tl-forest: #2d4d4b;
  --tl-cream: #f4eee3;
  --tl-card: #f7f1e7;
  --tl-card-rule: #cfc5b6;
}

body {
  background: var(--tl-paper) !important;
  color: var(--tl-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* .glass is not covered by the shared editorial layer — flatten it like the homepage */
.glass {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
}

.site-header {
  background: #1f2926 !important;
  border-bottom: 3px solid var(--tl-rust) !important;
}

.site-header .site-title {
  color: var(--tl-cream) !important;
  -webkit-text-fill-color: var(--tl-cream) !important;
}

.site-header .site-subtitle,
.breadcrumb,
.breadcrumb a,
.breadcrumb .current {
  color: rgba(244, 238, 227, .68) !important;
}

/* ─── Legal / content pages (about, affiliate disclosure, contact, privacy) ─── */
.legal-content {
  color: var(--tl-ink) !important;
}

.legal-content h1 {
  color: var(--tl-ink) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--tl-ink) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
}

.legal-content h2 {
  color: var(--tl-ink) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -.015em !important;
}

.legal-content h3 {
  color: var(--tl-rust) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
}

.legal-content p,
.legal-content li,
.legal-content td {
  color: var(--tl-muted) !important;
}

.legal-content a {
  color: var(--tl-rust) !important;
}

.legal-content .updated {
  color: #8b8376 !important;
}

.legal-content table {
  border-collapse: collapse !important;
}

.legal-content th {
  color: var(--tl-rust) !important;
  border-bottom: 1px solid var(--tl-rule) !important;
}

.legal-content td {
  border-bottom: 1px solid var(--tl-rule) !important;
}

/* About page components */
.feature-grid {
  margin: 1.5rem 0 !important;
}

.feature-card {
  background: var(--tl-card) !important;
  border: 1px solid var(--tl-card-rule) !important;
  border-radius: 0 !important;
  text-align: center !important;
}

.feature-card h3 {
  color: var(--tl-ink) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
}

.feature-card p {
  color: var(--tl-muted) !important;
}

.team-card {
  background: transparent !important;
  border: 0 !important;
  border-top: 3px solid var(--tl-rust) !important;
  border-bottom: 1px solid var(--tl-rule) !important;
  border-radius: 0 !important;
}

.team-photo {
  border-radius: 0 !important;
}

.team-info h3 {
  color: var(--tl-ink) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
}

.team-info p {
  color: var(--tl-muted) !important;
}

/* Contact page components */
.contact-email {
  border-radius: 0 !important;
  background: var(--tl-rust) !important;
  border: 1px solid var(--tl-rust) !important;
  color: #fff8ee !important;
  box-shadow: none !important;
}

.contact-email:hover,
.contact-email:focus-visible {
  background: #963f2b !important;
  border-color: #963f2b !important;
  box-shadow: none !important;
}

.social-links {
  gap: 1rem !important;
}

.social-link {
  border-radius: 0 !important;
  background: var(--tl-card) !important;
  border: 1px solid var(--tl-card-rule) !important;
  color: var(--tl-ink) !important;
}

.social-link:hover,
.social-link:focus-visible {
  border-color: var(--tl-rust) !important;
  transform: none !important;
}

/* ─── Product pack pages ─── */
.pack-shell {
  padding: 3rem 1.5rem 4rem !important;
}

.pack-hero {
  border: 0 !important;
  border-top: 3px solid var(--tl-rust) !important;
  border-radius: 0 !important;
  background: var(--tl-forest) !important;
  box-shadow: none !important;
  text-align: left !important;
}

.pack-eyebrow {
  color: var(--tl-gold) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.pack-hero h1 {
  color: #f8f2e8 !important;
  -webkit-text-fill-color: #f8f2e8 !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
}

.pack-hero p {
  color: rgba(248, 242, 232, .82) !important;
}

.pack-hero a {
  color: var(--tl-gold) !important;
}

.guide-container {
  color: var(--tl-ink) !important;
}

.guide-container h1 {
  color: var(--tl-ink) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--tl-ink) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
}

.guide-container .subtitle,
.guide-container p {
  color: var(--tl-muted) !important;
}

.guide-container a {
  color: var(--tl-rust) !important;
}

/* ─── Error pages ─── */
.error-code {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--tl-rust) !important;
  color: var(--tl-rust) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
}

.error-msg {
  color: var(--tl-muted) !important;
}

.error-home {
  border-radius: 0 !important;
  background: var(--tl-rust) !important;
  border: 1px solid var(--tl-rust) !important;
  color: #fff8ee !important;
}

.error-home:hover,
.error-home:focus-visible {
  background: #963f2b !important;
  border-color: #963f2b !important;
}

/* ─── Shared footer finish ─── */
.site-footer {
  border-top: 1px solid var(--tl-rule) !important;
  color: #718078 !important;
}

.site-footer a {
  color: var(--tl-rust) !important;
}