/* ==========================================================================
   FAA MONEY — stiluri pentru paginile interioare (localități, ghiduri)
   Se încarcă DUPĂ style.css; nu e folosit pe pagina principală.
   ========================================================================== */

/* ---------- Breadcrumb ---------- */
.crumbs {
  font-size: 0.8rem;
  color: var(--ink-soft);
  margin-bottom: 28px;
}
.crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.crumbs li + li::before { content: "/"; margin-right: 6px; color: var(--line); }
.crumbs a { color: var(--ink-soft); }
.crumbs a:hover { color: var(--gold); }
.crumbs [aria-current] { color: var(--navy); font-weight: 500; }

/* ---------- Page hero ---------- */
.page-hero {
  padding: 64px 0 90px;
  background:
    radial-gradient(ellipse 60% 50% at 100% 0%, rgba(201, 162, 39, 0.10), transparent 65%),
    var(--ivory);
}
.page-hero__grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 64px;
  align-items: center;
}
.page-hero h1 { font-size: clamp(2.3rem, 4.6vw, 3.7rem); }
.page-hero__lead {
  font-size: 1.1rem;
  color: var(--ink-soft);
  margin: 24px 0 32px;
  max-width: 560px;
}

.factbox {
  background: var(--navy-deep);
  color: #cfd6e4;
  border-radius: 20px;
  padding: 34px 32px;
  box-shadow: 0 30px 70px -30px rgba(20, 33, 59, 0.55);
}
.factbox h2 {
  font-size: 0.74rem;
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--gold-bright);
  margin-bottom: 18px;
}
.factbox dl { display: grid; gap: 16px; }
.factbox dt { font-size: 0.8rem; color: #8d99b3; }
.factbox dd {
  font-family: var(--font-display);
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.25;
}
.factbox dd small { display: block; font-family: var(--font-body); font-size: 0.8rem; color: #a9b3c8; margin-top: 2px; }

/* ---------- Content ---------- */
.prose { max-width: 760px; }
.prose h2 { margin-bottom: 20px; }
.prose h3 { margin: 32px 0 10px; }
.prose p { margin-bottom: 16px; color: var(--ink); }
.prose ul, .prose ol { margin: 0 0 20px 22px; }
.prose li { margin-bottom: 8px; }
.prose li::marker { color: var(--gold); }
.prose strong { color: var(--navy); }

.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}

.tldr {
  background: var(--paper);
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold);
  border-radius: var(--radius);
  padding: 28px 30px;
  margin-bottom: 8px;
}
.tldr h2 { font-size: 1.25rem; margin-bottom: 14px; }
.tldr ul { margin: 0 0 0 20px; }
.tldr li { margin-bottom: 8px; }
.tldr li::marker { color: var(--gold); }

.callout {
  background: rgba(201, 162, 39, 0.09);
  border: 1px solid rgba(176, 141, 62, 0.3);
  border-radius: var(--radius);
  padding: 22px 26px;
  margin: 24px 0;
  font-size: 0.95rem;
}
.callout strong { color: var(--navy); }

.updated { font-size: 0.8rem; color: var(--ink-soft); margin-top: 18px; }

/* ---------- Zone deservite ---------- */
.areas {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}
.areas a {
  display: inline-block;
  padding: 9px 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--paper);
  color: var(--navy);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none !important;
  transition: all 0.2s;
}
.areas a:hover { border-color: var(--gold); color: var(--gold); }


@media (max-width: 1024px) {
  .page-hero__grid, .split { grid-template-columns: 1fr; gap: 44px; }
}
@media (max-width: 720px) {
  .page-hero { padding: 36px 0 64px; }
  .factbox { padding: 28px 24px; }
}