/* ============================================================
   FOOTER — komponentes CSS
   Destilēts no: kaisle/klusa-gaisma/letmebehot .footer__grid/
   __brand/__disc/__legal struktūras (jau de facto studijas veidne
   trijotnē) + azrent (vienkāršā semantiskā <nav> apakšjoslā).
   Tikai tokenu mainīgie — skat. tokens.css. Krāsu tumšums/gaišums
   ir KLIENTA āda (mainot tokenu vērtības) — skelets paliek neitrāls.
   ============================================================ */

.footer {
  background: var(--color-bg-alt);
  border-top: 1px solid var(--color-line);
  padding: 64px 0 28px;
}

.footer__grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 34px;
}

/* ---------- Zīmols (1. kolonna) ---------- */
.footer__brand {
  display: inline-block;
  margin-bottom: 12px;
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--color-heading);
  text-decoration: none;
}
.footer__disc {
  margin-top: 14px;
  font-size: 0.84rem;
  line-height: 1.6;
  max-width: 48ch;
  opacity: 0.85; /* nedaudz klusāks par pamatapraksta rindkopu */
}

/* ---------- Kopīgais teksts visās kolonnās ---------- */
.footer p,
.footer li,
.footer a,
.footer__link-btn {
  color: var(--color-ink-muted);
  font-size: 0.95rem;
}
.footer a,
.footer__link-btn { text-decoration: none; transition: color var(--dur) var(--ease); }
.footer a:hover,
.footer__link-btn:hover { color: var(--color-accent); }

/* Poga, kas izskatās kā saite (data-cc-open) — resetē noklusēto <button> stilu,
   jo pārlūki krāsu/fontu <button> NEmanto no vecākelementa automātiski */
.footer__link-btn {
  display: inline;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
}

/* ---------- Kolonnu virsraksti (uppercase + letter-spacing, akcenta krāsā —
   šis tieši atkārtojas visos 3 avota projektos, tāpēc studijas noklusējums) ---------- */
.footer h4 {
  margin: 0 0 14px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-accent);
}
/* Otrais <h4> kolonnā (Kontakti → Juridiskā info) — atstarpe bez papildu klases */
.footer ul + h4 { margin-top: 24px; }

.footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
}

/* ---------- Redzami focus stāvokļi (pieejamība) ---------- */
.footer a:focus-visible,
.footer__link-btn:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

/* ---------- Apakšjosla: © gads + ātrās juridiskās saites ---------- */
.footer__legal {
  margin-top: 40px;
  padding-top: 22px;
  border-top: 1px solid var(--color-line);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 24px;
  font-size: 0.84rem;
  color: var(--color-ink-muted);
}
.footer__legal-links { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.footer__legal-links a,
.footer__legal-links .footer__link-btn { font-size: inherit; color: inherit; }
.footer__legal-links a:hover,
.footer__legal-links .footer__link-btn:hover { color: var(--color-accent); }

/* ---------- Mobilais skats ---------- */
@media (max-width: 860px) {
  .footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .footer { padding: 48px 0 24px; }
  .footer__grid { grid-template-columns: 1fr; gap: 28px; }
  .footer__legal { flex-direction: column; align-items: flex-start; }
}