/*
Theme Name: Katen Child
Template: katen
Theme URI: https://themeforest.net/user/themeger/portfolio
Author: ThemeGer
Author URI: https://themeger.shop
Description: Minimal Blog & Magazine WordPress Theme
Version: 1.1.1
Template Version: 1.0
License: GNU General Public License
License URI: https://themeforest.net/licenses
*/

/* =Theme customization starts here
------------------------------------------------------- */
/* =Article Footer (automated) — systém rozostupov, rev. 2026-07-11
   Footer skladá variabilné sekcie v poradí: upozornenie 1924/2006 → autor →
   presunutá produktová karta → CTA → Heureka iframy → banner lekární →
   recenzie. KTORÁKOĽVEK sekcia môže chýbať, preto rozostupy nesmú závisieť
   od konkrétnej kombinácie:
   - vertikálny rytmus určuje výhradne `row-gap` na flex wrapperi,
   - sekcie NEMAJÚ vlastné vertikálne marginy (vo flexe sa nekolabujú
     a sčítavali by sa s gapom),
   - jediná deliaca čiara vnútri footera je POD upozornením: medzeru nad
     čiarou tvorí padding-bottom upozornenia, medzeru pod čiarou row-gap.
   POZOR: tento súbor musí byť v LSCache `optm-css_exc` (UCSS by pravidlá
   pre JS/filter-generované elementy orezal) — nastavené 2026-07-11.
------------------------------------------------------- */
.prepacientov-article-footer {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

/* Upozornenie 1924/2006 — text v <p> dedí typografiu bežných odstavcov. */
.ppsk-footer-upozornenie {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.ppsk-footer-upozornenie p {
    margin-bottom: 0;
}

/* Presunutá Hero karta (dttm-heureka-blocks) je priamym dieťaťom footera —
   jej vlastný margin 1.5rem 0 by sa sčítal s row-gap. */
.prepacientov-article-footer > .dttm-heureka-block {
    margin-top: 0;
    margin-bottom: 0;
}

.ppsk-footer-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.ppsk-cta-btn {
    display: inline-block;
    padding: 9.5px 36px;
    color: #FFF !important;
    text-decoration: none !important;
    border: 0;
    border-radius: 25px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background: #FE4F70;
    background: linear-gradient(to right, #FE4F70 0%, #FFA387 51%, #FE4F70 100%);
    background-size: 200% auto;
    transition: all 0.3s ease-in-out;
}

.ppsk-cta-btn:hover {
    color: #FFF !important;
    background-position: right center;
}

.ppsk-footer-banner {
    text-align: center;
}

.ppsk-footer-banner img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

@media (max-width: 576px) {
    .ppsk-footer-cta {
        flex-direction: column;
    }
    .ppsk-cta-btn {
        text-align: center;
    }
}

/* =Recenzie carousel šípky — deterministická kópia z Elementor
   uploads/elementor/css/post-79466.css (JetEngine Listing Grid, element
   6c71a1a). Dôvod: zdieľaný UCSS tieto pravidlá orezáva (server-side markup
   šípok vzniká vo footer filtri, QUIC crawler ich nevidí) a Elementor CSS
   template-u sa cez [elementor-template] shortcode nenačítava samostatne.
   Ak klient zmení dizajn šípok v Elementore, treba hodnoty zosúladiť tu.
   Fallbacky = hodnoty Elementor globals k 2026-07-11.
------------------------------------------------------- */
.elementor-79466 .elementor-element.elementor-element-6c71a1a .jet-listing-grid__slider-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: calc(-24px / 2);
    z-index: 1;
    color: var(--e-global-color-primary, #294D83);
    background: #02010100;
}

.elementor-79466 .elementor-element.elementor-element-6c71a1a .jet-listing-grid__slider-icon:hover {
    color: var(--e-global-color-primary, #294D83);
    background: var(--e-global-color-161827a, #EBEBEB);
}

.elementor-79466 .elementor-element.elementor-element-6c71a1a .jet-listing-grid__slider-icon.prev-arrow {
    left: -20px;
    right: auto;
}

.elementor-79466 .elementor-element.elementor-element-6c71a1a .jet-listing-grid__slider-icon.next-arrow {
    right: -20px;
    left: auto;
}

/* =Footer legal links (Footer 2 menu) — 2026-06-12 (v3 flex balance 3+3)
------------------------------------------------------- */
.footer-legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    list-style: none;
    margin: 0 auto 1.25rem auto;
    padding: 0;
    /* Auto-balance 3+3 pre 6 dlhých položiek (SK aj RO) */
    max-width: 720px;
    line-height: 1.75;
    font-size: 0.9375rem;
    row-gap: 0.35rem;
}

.footer-legal-links li {
    display: inline-flex;
    align-items: baseline;
    margin: 0;
}

.footer-legal-links li + li::before {
    content: "|";
    margin: 0 0.75rem;
    color: rgba(0, 0, 0, 0.25);
    user-select: none;
    -webkit-user-select: none;
}

.footer-legal-links a {
    color: inherit;
    text-decoration: none;
    transition: color 200ms ease;
}

.footer-legal-links a:hover {
    text-decoration: underline;
}

.footer-legal-links a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 2px;
}

@media (max-width: 575.98px) {
    .footer-legal-links {
        max-width: none;
        font-size: 0.875rem;
        line-height: 1.6;
    }
    .footer-legal-links li + li::before {
        margin: 0 0.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .footer-legal-links a {
        transition: none;
    }
}