/* ==========================================================================
   Systedo Marketing - podpis v paticce (morethanhoney.cz)
   ==========================================================================
   Prevzato z eroute.cz / koreanglamour.cz / winegurmet.cz, kde ma podpis
   stejnou strukturu. Ctyri veci se ale musely zmenit - detaily u pravidel:

     1) delici cara je ::after, ne border-right (vyska)
     2) font-size: inherit misto napevno 12 px
     3) barvy pres tokeny misto natvrdo
     4) vsechno scopovane pres #footer

   SCOPOVANI: Apollo styluje paticku ID selektorem (#footer a { ... },
   specificita 1-0-1). Bez #footer by `.systedo-signature__link` (0-1-0)
   prohralo a odkaz by dostal barvu bezneho odkazu v paticce. Stejny duvod
   jako u zbytku footer.css.
   ========================================================================== */

#footer .systedo-signature {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

/* Delici cara jako ::after, NE `border-right` na obalu jako v originalu.

   Border kopiruje vysku obalu, a ta se rovna vysce radku - 19,4 px. Viditelne
   pismo ma pritom jen 10 px versalek, takze cara byla skoro dvakrat vyssi nez
   text a citelne z nej vystupovala nahoru i dolu. Na eroute to nevadi, tam je
   podpis na tmavem pozadi a cara je skoro pruhledna (bila na 25 %).

   Pseudoprvek si vysku bere z `1em`, takze roste a klesa s textem
   (14 px desktop / 12 px mobil), a `align-items: center` ho posadi na
   opticky stred pisma. Zmereno na ostrem webu: stred cary 5323,5 px vs
   stred pisma (versalky az ucara) 5323,1 px, tedy odchylka 0,4 px. */
#footer .systedo-signature::after {
  content: "";
  flex: none;
  width: 1px;
  height: 1em;
  background: var(--mth-line, #dccfb0);
}

#footer .systedo-signature__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: var(--mth-ink-soft, #483320);
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

#footer .systedo-signature__link:hover,
#footer .systedo-signature__link:focus-visible {
  opacity: 1;
  text-decoration: none;
}

/* Logo je plny ctverec 1200x1200 v tmave zelene #004C45, bez pruhlednosti.
   Radius 4 px ho sladi se zbytkem webu, kde je vsechno zakulacene. */
#footer .systedo-signature__logo {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  object-fit: contain;
  vertical-align: middle;
}

/* `inherit`, NE napevno 12 px jako v originalu.

   Original ma 12 px, protoze eroute ma spodni listu na 13 px - rozdil 1 px
   projde. Apollo jede na 14 px, takze podpis byl o 2 px mensi nez "Vytvoril
   Shoptet" hned vedle, a dva ruzne stupne na jednom radku mozek precte jako
   chybu.

   Napevno zadanych 14 px by problem jen otocilo: Apollo pod 991 px spodni
   listu zmensuje na 12 px, takze na mobilu by byl podpis naopak o 2 px
   vetsi. `inherit` bere velikost z #signature, takze sedi sam na vsech
   sirkach. Overeno: desktop 14 = 14 px, mobil 390 12 = 12 px. */
#footer .systedo-signature__text {
  font-size: inherit;
  white-space: nowrap;
  vertical-align: middle;
}

/* Zadna mobilni vyjimka tu zamerne NENI.
   Prvni verze na uzkem displeji rusila odsazeni s tim, ze se podpis stejne
   zalomi na vlastni radek. Nezalomi - `.footer-bottom` je flex-wrap a podpis
   zustava na jednom radku s "Vytvoril Shoptet", takze bez odsazeni se oba
   texty slepily do "MarketingVytvoril". Overeno na 390 px: s odsazenim se
   cely radek vejde a nic nepretece. */