/* ════════════════════════════════════════════════════════════════════════
   05-footer.css — VOALA footer

   Zdroj: Figma VOALA_WEB_2025 → HOMEPAGE footer (Rectangle 666, 1440×454).
   - bg VOALA_DARK_GRAY #EAEAEA (světle šedá)
   - 3 sloupce: kontakt + soc. sítě | (prázdno po mapě) | majitelka | majitel
     Mapa odstraněna na přání klienta (e-mail 2. 9. 2026). Pozice sloupců
     zůstávají, aby se nezměnil rytmus; místo mapy je prázdný sloupec a
     řádek drží min-height 231 px (rytmus z Figmy), takže soc. ikony
     a právní odkazy sedí na stejné výšce jako dřív.
   - nadpisy: Inter 18/600/130 % RED_VOALA
   - odkazy: Inter 18/500/150 %, podtržené, BLACK_VOALA, opacity .6
   - řádek právních odkazů 16 px, divider, copyright 13 px
   - mobil: sloupce pod sebou, centrované

   Scoping: vše pod .vo-footer. Sekce v Theme Builderu dostává CSS Class
   „vo-footer-section".
   ════════════════════════════════════════════════════════════════════════ */

/* ── Divi sekce footeru — reset ──────────────────────────────────────── */
.vo-footer-section.et_pb_section {
  padding: 0 !important;
  background: transparent !important;
  gap: 0 !important;
}
.vo-footer-section > .et_pb_row {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Divi default „Navrhl(a) Elegant Themes" — nikdy nezobrazovat */
#footer-info { display: none !important; }

/* ── Footer ──────────────────────────────────────────────────────────── */
/* Odsazení nahoře 75 px → cap nadpisu sedí na 82 px od horní hrany footeru
   (Figma 5856 − 5774); dole 26 px → copyright končí 37 px nad koncem (6228). */
.vo-footer {
  background: var(--gray-voala);
  font-family: var(--font-base);
  color: var(--black-voala);
  padding: 75px 24px 26px;
}

.vo-footer__inner {
  max-width: var(--container);  /* 1222 px — stejné tělo jako header a sekce */
  margin: 0 auto;
}

/* ── Grid sloupců ────────────────────────────────────────────────────────
   Obsah přes celou šířku kontejneru 1222 (bez levého odsazení):
   kontakt | (prázdno) | majitelka | majitel; právní odkazy jako společný
   blok pod pravými dvěma sloupci, ukotvený ke spodní hraně řádku
   (align-self:end — stejně jako soc. ikony v 1. sloupci přes margin-top:auto).
   ──────────────────────────────────────────────────────────────────────── */
.vo-footer__grid {
  display: grid;
  /* Poměry z Figmy (224 | 298 | 221 | 222 v obsahu 1096) přepočtené
     na plnou šířku kontejneru 1222 → 250 | 332 | 246 | 248, zbytek do mezer.
     Druhý sloupec je po odstranění mapy prázdný, ale drží pozice. */
  grid-template-columns: 250px 332px 246px 248px;
  justify-content: space-between;
  column-gap: 24px;
  align-items: stretch;
  min-height: 231px;   /* výška řádku z Figmy (dno ikon 306 px pod horní hranou patičky, čára 387, copyright 417) */
}

.vo-footer__col { min-width: 0; }
.vo-footer__col--contact {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
}
.vo-footer__col--p1   { grid-column: 3; grid-row: 1; }
.vo-footer__col--p2   { grid-column: 4; grid-row: 1; }

/* Právní odkazy — společný blok pod pravými dvěma sloupci, dno mapy */
.vo-footer__legal {
  grid-column: 3 / 5;
  grid-row: 1;
  align-self: end;   /* dno textu na spodní hraně řádku (Figma: legal 6721–6733, ikony 6703–6739) */
  justify-self: start;
  margin: 0;
}

/* ── Nadpisy sloupců ─────────────────────────────────────────────────── */
/* Mezera nadpis → 1. odkaz se ve Figmě liší podle sloupce:
   1. sloupec 24 px (5869 → 5893), pravé sloupce 38 px (5885 → 5923).
   Margin je vždy o ~12 px menší než optická mezera (půlka prokladu
   + přesah accentů nad verzálkami), proto 12 px resp. 26 px.        */
.vo-footer h3.vo-footer__title,
.vo-footer .vo-footer__title {
  margin: 0 0 10px;   /* → opticky 24 px mezi verzálkami */
  padding: 0;
  font-family: var(--font-base);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.18px;
  color: var(--red-voala);
}

/* ── Odkazy / texty ──────────────────────────────────────────────────── */
/* Pravé sloupce (dvouřádkový nadpis) — Figma má mezeru 38 px.
   Selektor musí mít 3 třídy, jinak prohraje se základním pravidlem výše. */
.vo-footer .vo-footer__col--p1 .vo-footer__title,
.vo-footer .vo-footer__col--p2 .vo-footer__title {
  margin-bottom: 24px;   /* → opticky 38 px */
}

/* Nadpisy pravých sloupců začínají ve Figmě o 7 px výš (5849 vs 5856),
   díky tomu řádky s telefonem a e-mailem lícují napříč všemi sloupci. */
.vo-footer__col--p1,
.vo-footer__col--p2 { margin-top: -7px; }

.vo-footer__links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.vo-footer__links li { margin: 0; padding: 0; list-style: none; }

/* Adresa má ve Figmě o 3 px větší odstup než řádkování zbytku seznamu
   (5893 → 5923 = 30 px vs. proklad 27 px) — drží lícování telefonů. */
.vo-footer__col--contact .vo-footer__links li:first-child { margin-bottom: 3px; }

.vo-footer__links a,
.vo-footer a.vo-footer__link {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -.18px;
  color: var(--black-voala) !important;
  opacity: .6;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  transition: opacity var(--t-fast), color var(--t-fast);
}
.vo-footer__links a:hover,
.vo-footer a.vo-footer__link:hover {
  opacity: 1;
  color: var(--red-voala) !important;
}

/* ── Sociální ikony — bílé dlaždice, ukotvené ke spodní hraně řádku ────── */
.vo-footer__socials {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-top: auto;      /* flex sloupec .vo-footer__col--contact → dno řádku */
  padding-top: 26px;     /* minimální odstup od odkazů nad nimi */
}
.vo-footer__socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--white-voala);   /* Figma: dlaždice #FAFAFA, radius 8 */
  border-radius: 8px;
  color: var(--red-voala);
  box-shadow: var(--shadow-map);
  transition: color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);
}
.vo-footer__socials a:hover {
  color: var(--red-voala-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px -2px rgba(24, 39, 75, .14);
}
.vo-footer__socials svg { display: block; width: 36px; height: 36px; }

/* ── Právní odkazy — typografie ──────────────────────────────────────── */
.vo-footer__legal a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -.16px;
  color: var(--black-voala) !important;
  opacity: .6;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  transition: opacity var(--t-fast), color var(--t-fast);
}
.vo-footer__legal a:hover { opacity: 1; color: var(--red-voala) !important; }
.vo-footer__legal .vo-footer__legal-sep { opacity: .6; margin: 0 2px; }

/* ── Divider + copyright ─────────────────────────────────────────────────
   Odstupy z Figmy: dno řádku (bývalá mapa) → čára = 81 px nad čarou,
   čára → copyright = 30 px pod ní (nový frame: ikony 6739 → čára 6820).
   ──────────────────────────────────────────────────────────────────────── */
.vo-footer__divider {
  height: 1px;
  background: rgba(42, 49, 51, .25);
  margin: 81px 0 30px;
  border: 0;
}

.vo-footer__copyright {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.13px;
  color: var(--black-voala);
  opacity: .6;
  margin: 0;
}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 1279px) {
  .vo-footer__grid {
    grid-template-columns: minmax(220px, 1fr) 332px minmax(200px, 1fr) minmax(200px, 1fr);
    column-gap: 40px;
  }
}

@media (max-width: 1100px) {
  /* Bez mapy stačí tři sloupce vedle sebe, prázdný sloupec odpadá */
  .vo-footer__grid {
    grid-template-columns: minmax(200px, 1fr) minmax(180px, 1fr) minmax(180px, 1fr);
    column-gap: 32px;
    row-gap: 40px;
    min-height: 0;
  }
  .vo-footer__col--contact { grid-column: 1; grid-row: 1; }
  .vo-footer__col--p1      { grid-column: 2; grid-row: 1; }
  .vo-footer__col--p2      { grid-column: 3; grid-row: 1; }
  .vo-footer__legal        { grid-column: 2 / 4; grid-row: 2; align-self: start; }
}

@media (max-width: 720px) {
  .vo-footer { padding: 56px 20px 28px; }
  .vo-footer__divider { margin: 44px 0 24px; }

  .vo-footer__grid {
    grid-template-columns: 1fr;
    gap: 40px;
    min-height: 0;
    justify-items: center;
    text-align: center;
  }
  .vo-footer__col--contact,
  .vo-footer__col--p1,
  .vo-footer__col--p2,
  .vo-footer__legal {
    grid-column: 1;
    grid-row: auto;
  }
  .vo-footer__col--contact { align-items: center; }
  /* ve sloupci pod sebou už není co lícovat — zrušit optický posun */
  .vo-footer__col--p1,
  .vo-footer__col--p2 { margin-top: 0; }
  .vo-footer .vo-footer__col--p1 .vo-footer__title,
  .vo-footer .vo-footer__col--p2 .vo-footer__title { margin-bottom: 10px; }
  .vo-footer__col--contact .vo-footer__links li:first-child { margin-bottom: 0; }
  .vo-footer__socials { justify-content: center; }

  .vo-footer__legal { justify-self: center; text-align: center; }
  .vo-footer__copyright { text-align: center; }
}