/* ==========================================================================
   footer.css - paticka podle Figmy (frame "Foot", 1440x523)

   Poradi v hlavicce: az za mth-base.css. Muze byt pred i za fixes.css.

   POZOR: patri k tomu i footer.js - bez nej zustane jeden sloupec odkazu
   misto tri. CSS samo o sobe patičku nerozbije, jen nedodá sloupce.

   Vse overeno na produkci 27. 8. 2026 merenim v prohlizeci.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Pozadi
   --------------------------------------------------------------------------
   POZOR NA SPECIFICITU: samotne #footer (1-0-0) NEVYHRAJE - Apollo ma
   pravidlo, ktere ho prebije. Overeno empiricky (main.css je cross-origin,
   takze do nej nevidim):
       #footer            -> zustane bila
       body #footer       -> zustane bila
       #footer.footer     -> projde
   Proto vsude #footer.footer.
   -------------------------------------------------------------------------- */
#footer.footer {
  background: var(--mth-cream);
  color: var(--mth-ink-soft);
}


/* --------------------------------------------------------------------------
   Logo v brandovem sloupci
   --------------------------------------------------------------------------
   Inline <style> v hlavicce logo schovava pres `#footer .site-name` (1-0-1)
   a sedi AZ ZA nasimi <link>y, takze pri shodne specificite vyhrava.
   footer.js logo presune do .custom-footer__contact - tim je z naseho
   selektoru 1-0-2 a vyhraje bez !important.

   brightness(0) prebarvi bile logo na cerne (zachova alfu) - na kremovem
   pozadi je to potreba a odpovida to Figme.
   -------------------------------------------------------------------------- */
#footer .custom-footer__contact .site-name {
  display: block;
  margin: 0 0 26px;
}
#footer .custom-footer__contact .site-name img {
  max-width: 250px;
  height: auto;
  filter: brightness(0);
}


/* --------------------------------------------------------------------------
   Nadpisy sloupcu
   --------------------------------------------------------------------------
   Apollo je dela Robotem, verzalkami a oranzove. Figma ma tmave, normalni
   velikost pismen, body font. Tady je !important nutny - Apollo pouziva
   stejne ID selektory.
   -------------------------------------------------------------------------- */
#footer .pageElement__heading,
#footer .pageElement__heading span {
  font-family: var(--mth-font-body) !important;
  text-transform: none !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--mth-ink) !important;
}
#footer .pageElement__heading {
  margin: 0 0 16px !important;
}


/* ------------------------------- odkazy ---------------------------------- */
#footer .custom-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .custom-footer li {
  margin-bottom: 10px;
}
#footer .custom-footer a {
  color: var(--mth-ink-soft);
  font-size: 15px;
  text-decoration: none;
}
#footer .custom-footer a:hover {
  color: var(--mth-brown);
  text-decoration: underline;
}
#footer .custom-footer a:focus-visible {
  outline: 2px solid var(--mth-brown);
  outline-offset: 3px;
  border-radius: 3px;
}


/* --------------------------------------------------------------------------
   Rozlozeni sloupcu
   --------------------------------------------------------------------------
   Apollo za behu obali odkazove prvky do .custom-footer-left-panel a da mu
   `margin: 0 -20px`. Panel tim pretece rodice doleva o 20 px a PREKRYJE
   kontaktni sloupec (zmereno: panel konci na 1057, kontakt zacinal na 1017).
   Stejny vzorec zapornych okraju jako u pretoku cele stranky.
   -------------------------------------------------------------------------- */
#footer .custom-footer {
  align-items: flex-start;
  padding-bottom: 8px;
}
#footer .custom-footer-left-panel {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  flex: 1 1 auto;
  min-width: 0;
  gap: 40px;
  align-items: flex-start;
}
#footer .mth-foot-col {
  flex: 1 1 0;
  min-width: 150px;
}
#footer .custom-footer__contact {
  flex: 0 0 320px;
  padding-left: 40px;
  padding-right: 0;
}


/* --------------------------------------------------------------------------
   Spodni pruh
   --------------------------------------------------------------------------
   Apollo kresli hnedy pruh pres .footer-bottom-bg::before (1440x66 px).
   Ve Figme zadny neni - paticka je cela kremova, oddelena jen linkou.

   Shoptet signature (#signature) ma inline `display: inline-block !important`
   a NESMI se schovavat - je to podminka tarifu. Proto se jen prebarvuje.
   -------------------------------------------------------------------------- */
#footer .footer-bottom-bg::before {
  display: none;
}
#footer .footer-bottom {
  background: transparent;
  border-top: 1px solid var(--mth-line);
  color: var(--mth-ink-soft);
  padding-top: 18px;
  margin-top: 24px;
}
#footer .footer-bottom a,
#footer .footer-bottom span {
  color: var(--mth-ink-soft);
}


/* ------------------------------- responzivita ---------------------------- */
@media (max-width: 991px) {
  /* Apollo na mobilu vynuluje bocni odsazeni radku - obsah pak lezi na kraji */
  #footer .footer-rows {
    padding-left: 20px;
    padding-right: 20px;
  }
  #footer .custom-footer-left-panel {
    flex-wrap: wrap;
    gap: 28px;
  }
  #footer .mth-foot-col {
    flex: 1 1 45%;
  }
  #footer .custom-footer__contact {
    flex: 1 1 100%;
    padding-left: 0;
    padding-top: 28px;
  }
}

@media (max-width: 639px) {
  #footer .mth-foot-col {
    flex: 1 1 100%;
  }
}


/* --------------------------------------------------------------------------
   Newsletter box
   --------------------------------------------------------------------------
   OPRAVA MOJI VLASTNI CHYBY (27. 8.): pravidlo na nadpisy vyse chyta i nadpis
   newsletteru (ma tridy `pageElement__heading topic`) a obarvilo ho na tmavou
   ink - na hnedem pozadi skoro necitelne. Zaroven byl pak jediny v Google Sans
   Flex, zatimco zbytek boxu jel Robotem.

   Reseni: nadpis zpatky na bilou a SJEDNOTIT font v celem boxu na body font,
   at nevznika mix dvou rodin.
   -------------------------------------------------------------------------- */
#footer .custom-footer__newsletter .pageElement__heading,
#footer .custom-footer__newsletter .pageElement__heading span {
  color: #fff !important;
}

#footer .custom-footer__newsletter,
#footer .custom-footer__newsletter p,
#footer .custom-footer__newsletter label,
#footer .custom-footer__newsletter input,
#footer .custom-footer__newsletter .btn {
  font-family: var(--mth-font-body) !important;
}

#footer .custom-footer__newsletter .btn {
  font-size: 16px;
  font-weight: 700;
  min-height: 46px;
}


/* ------------------------- kontaktni sloupec ----------------------------- */
/* Ikony jsou glyfy z Apollo ikonfontu v ::before, Apollo je dava hnede.
   Na kremovem pozadi pusobi cerne cistejsi. */
#footer .custom-footer__contact .contact-box li span::before {
  color: var(--mth-ink);
}

/* Tlacitko "Kontaktni formular" - skryto na prani. Odkaz na /kontakt/
   zustava ve sloupci "More Than Honey", takze se cesta neztraci. */
#footer .custom-footer__contact .btn {
  display: none;
}


@media (max-width: 991px) {
  /* Apollo na mobilu radius newsletteru rusi (desktop ma 20px, mobil 0) */
  #footer .custom-footer__newsletter {
    border-radius: var(--mth-radius);
  }
}