/* ==============================================================
 * KANONILINE JAGATUD FAIL - InteliSoft päis/jalus/hero "chrome"
 * ==============================================================
 * 9.09.2026, vt INTRANET-NAVIGATSIOON-2026-09-06.md p.29.1 - Ivar:
 * päis/jalus on nüüd 4. korda lahku läinud (p.17.2, p.25, p.27.4,
 * p.29.1) eraldi kopeeritud/duplikeeritud koodi tõttu igal lehel.
 *
 * SEE FAIL ON AINUS TÕDE selle visuaalse "chrome'i" jaoks. See on
 * BYTE-IDENTNE koopia kõigil 7 rakendusel (koduleht + 4 muud
 * turunduslehte + login.php + standard-leht). KUI PEAD MUUTMA
 * PÄISE/JALUSE STIILI:
 *   1. Muuda AINULT SEDA faili (/opt/tools/shared-brand/header-footer.css)
 *   2. Käivita /opt/tools/shared-brand/sync.sh (kopeerib kõikjale)
 *   3. Rebuildi/redeployi mõjutatud rakendused
 * ÄRA MUUDA ÜHTEGI KOPEERITUD KOOPIAT OTSE - need kirjutatakse
 * järgmisel sync.sh käivitamisel üle. logo_size_regression.py
 * kontrollib automaatselt, et kõik koopiad on identsed source'iga.
 *
 * Kasutab GENEERILISI (mitte -login- prefiksiga) CSS muutujaid -
 * iga rakendus defineerib need SAMADE väärtustega oma :root's
 * (vt allpool - varem oli marketing --bg:#080911 vs login/coming-
 * soon --login-bg:#0d0d17, üks väike, aga päris ebakõla, mis nüüd
 * ühtlustatud marketingi väärtuse järgi, kuna see oli algne
 * referents kõigis varasemates pikslivõrdlustes).
 */

.brand { display: flex; align-items: center; text-decoration: none; }
.brand:hover { opacity: 0.85; }
.brand img { display: block; height: 39px; width: 116px; object-fit: contain; flex-shrink: 0; }

.lang-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 0.76rem;
  font-weight: 600;
}
.lang-switch a { text-decoration: none; color: var(--muted); transition: color 150ms ease; }
.lang-switch a:hover { color: var(--text); }
.lang-switch a.active { color: #c4b5fd; }

/* Ümbris hero-title (logo) + hero-sub (slogan) jaoks lehtedel, kus
   pole omaenda .hero sektsiooni (login.php, standard-leht) - annab
   TÄPSELT sama laiuse-arvutuse (780px - 2x24px padding = 732px
   sisu-laius), mida kodulehe .hero juba loomulikult pakub oma
   lastele. Nii POLE .hero-sub'il endal enam vaja oma max-width'i -
   üks vähem koht, kus arvud lahku minna saaksid. */
.hero-content { max-width: 780px; margin: 0 auto; padding: 0 24px; text-align: center; box-sizing: border-box; }

.hero-title img { display: inline-block; height: clamp(64px, 11vw, 96px); width: auto; object-fit: contain; }

.hero-sub {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(1.15rem, 2.6vw, 1.5rem);
  color: var(--text);
  margin: 0 0 20px;
  line-height: 1.4;
  /* p.23.2 - vasak joondus fikseerib teksti alguspunkti, ainult
     lõpp-punkt erineb tõlke pikkuse järgi. */
  text-align: left;
}

.site-footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  gap: 16px;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 32px 24px 56px;
  color: var(--muted);
  font-size: 0.85rem;
  line-height: 1.6;
  border-top: 1px solid var(--border);
  box-sizing: border-box;
}
.site-footer a { color: var(--muted); text-decoration: none; }
.site-footer a:hover { color: var(--text); }
.footer-col { display: flex; flex-direction: column; gap: 6px; }
.footer-col-left { text-align: left; align-items: flex-start; }
.footer-col-center { text-align: center; align-items: center; }
.footer-col-right { text-align: right; align-items: flex-end; }
/* Sisemine (intranet) link - teadlikult diskreetne, mitte esiletõstetud. */
.footer-internal { font-size: 0.76rem; color: rgba(146, 143, 168, 0.55); }
.footer-internal:hover { color: var(--muted); }

/* 9.09.2026, vt INTRANET-NAVIGATSIOON-2026-09-06.md p.32 - Ivar
   kontrollis päris telefonis: hero-sub ja jaluse sisu jäid
   vasakjoondatuks/lahti laotuks mobiilivaates (logo+nupp olid juba
   korrektselt keskel, kuna päris .hero/.hero-content'i text-align:
   center pärandub neile - AGA .hero-sub'i ENDA desktopi
   text-align:left (p.23.2 fix) ja .footer-col-left/right'i enda
   text-align:left/right jäid kehtima ka mobiilis, kus üksteise
   kõrval olevad veerud on nüüd üksteise ALLA virnastatud). Varasem
   regressioonitest ei kontrollinud KUNAGI mobiili viewport'i - vt
   logo_size_regression.py uus MOBILE_VIEWPORT läbimine. */
@media (max-width: 560px) {
  .lang-switch { gap: 7px; font-size: 0.7rem; }
  .hero-sub { text-align: center; }
  .site-footer { grid-template-columns: 1fr; gap: 18px; text-align: center; }
  .footer-col, .footer-col-left, .footer-col-center, .footer-col-right {
    align-items: center;
    text-align: center;
  }
}