/* KOMPONENT paticka — .ph-footer, .ph-soc (krok 4 knižnice, 30. 10. 2026).
   Vybraté z: style-a5de0145ecc1.css, userStyles-b7accc8e732d.css. Hodnoty z tokeny.css.
   Vytvoril tools/komponent_vyber.py — pravidlá v pôvodnom poradí. */

/* --- z style-a5de0145ecc1.css --- */
.ph-footer { color: var(--f-paper); padding: clamp(64px, 6.7vw, 96px) var(--f-pad) 32px; background: var(--f-ink); border-top-color: color-mix(in srgb, var(--c-fg) 12%, transparent); border-top-style: solid; border-top-width: 1px; }
.ph-footer__top { row-gap: 48px; display: grid; column-gap: var(--f-gap); align-items: end; padding-bottom: clamp(56px, 6.7vw, 96px); grid-template-columns: repeat(12, minmax(0px, 1fr)); }
.ph-footer__name { row-gap: 18px; display: flex; flex-direction: column; grid-column-end: span 7; grid-column-start: 1; }
@media (max-width: 860px) { .ph-footer__name { grid-column-end: -1; grid-column-start: 1; } }
.ph-footer__big { font-size: clamp(56px, 7.8vw, 112px); font-weight: 500; line-height: var(--lh-display); }
.ph-footer__links { font-size: 20px; flex-direction: column; grid-column-end: span 4; grid-column-start: 9; border-bottom-color: color-mix(in srgb, var(--c-fg) 20%, transparent); border-bottom-style: solid; border-bottom-width: 1px; }
@media (max-width: 860px) { .ph-footer__links { grid-column-end: -1; grid-column-start: 1; } }
.ph-footer__links a { display: flex; column-gap: 16px; align-items: baseline; padding: 16px 0px; border-top-color: color-mix(in srgb, var(--c-fg) 20%, transparent); border-top-style: solid; border-top-width: 1px; justify-content: space-between; }
.ph-footer__base { row-gap: 16px; display: flex; flex-wrap: wrap; column-gap: 32px; padding-top: 20px; border-top-color: color-mix(in srgb, var(--c-fg) 12%, transparent); border-top-style: solid; border-top-width: 1px; justify-content: space-between; }
.ph-footer__legal { row-gap: 12px; display: flex; flex-wrap: wrap; column-gap: 32px; }
.ph-footer__privacy { color: var(--c-body); padding-bottom: 3px; border-bottom-color: color-mix(in srgb, var(--c-fg) 30%, transparent); border-bottom-style: solid; border-bottom-width: 1px; }
.ph-footer__eco { display: flex; column-gap: 14px; }
.ph-footer__eco img { display: block; opacity: 0.8; }
.ph-footer__links a .f-mono { text-wrap-mode: nowrap; white-space-collapse: collapse; }

/* --- z userStyles-b7accc8e732d.css --- */
html body .ph-footer__links { display: none; }
html body .ph-footer__big { letter-spacing: var(--tr-stranka); }
html body .ph-footer__name.has-mono { --fn: clamp(22px, 2vw, 28px); flex-direction: row; align-items: flex-end; column-gap: 24px; grid-column: 1 / -1; }
html body .ph-footer__who { display: flex; flex-direction: column; row-gap: 10px; }
html body .ph-footer__name.has-mono .ph-footer__big { font-size: clamp(22px, 2vw, 28px); line-height: 1; font-weight: 400; }
@media (max-width: 760px) { html body .ph-footer__name.has-mono { flex-direction: column; align-items: flex-start; row-gap: 20px; } }
html body .ph-footer__base, html body .ph-footer__legal, html body .ph-footer__eco { align-items: baseline; }
html body .ph-footer__eco img { width: auto; height: .74em; align-self: baseline; }
/* 3. 11. 2026 (PRAVIDLA-WEBU 0a: logá len zo _system/img/loga): logo FUTUR v „Súčasť ekosystému“ = vektorové SVG ako maska,
   farba z textu pätičky (predtým <img> uploads/…futur-logo-paper.svg s pevnou farbou); rovnaká výška a priehľadnosť */
.ph-footer__logo { display: block; flex: none; height: .74em; aspect-ratio: 200 / 36; align-self: baseline; opacity: .8; background: currentColor;
  -webkit-mask: url(../../img/loga/futur.svg) no-repeat center / contain; mask: url(../../img/loga/futur.svg) no-repeat center / contain; }
html body .ph-soc { display: inline-flex; color: inherit; opacity: .7; transition: opacity var(--t-rychlo) var(--f-ease); }
html body .ph-soc:is(:hover, :focus-visible) { opacity: 1; }
html body .ph-soc:focus-visible { outline: 2px solid var(--f-signal-max); outline-offset: 4px; }
html body .ph-soc[hidden] { display: none; }
html body .ph-soc svg { display: block; width: 18px; height: 18px; }
html body .ph-soc--li svg { width: 16px; height: 16px; }
@media (prefers-reduced-motion: reduce) { html body .ph-soc { transition: none; } }
html body .ph-menu__soc .ph-soc { width: 48px; height: 48px; padding: 0; align-items: center; justify-content: center; box-sizing: border-box; }
html body .ph-menu__soc .ph-soc svg { width: 24px; height: 24px; }
html body .ph-menu__soc .ph-soc--li svg { width: 22px; height: 22px; }