/* =================================================================
   PARTY GULIVER — VLASTNÍ STYLY ESHOPU
   -----------------------------------------------------------------
   Konsolidace všech vlastních CSS úprav, dříve roztroušených v poli
   "Záhlaví" jako inline <style> bloky, plus styly kontaktního pruhu.
   ================================================================= */


/* -----------------------------------------------------------------
   1) PATIČKA – přepis barvy pozadí
   ----------------------------------------------------------------- */
footer,
.site-footer,
#footer,
.footer {
    background-color: #f5f5f5 !important;
}


/* -----------------------------------------------------------------
   2) DETAIL PRODUKTU – skrytí nadpisu h4 v popisu
   ----------------------------------------------------------------- */
#description .basic-description > h4:first-child {
    display: none;
}


/* -----------------------------------------------------------------
   3) TOP KATEGORIE – barevné proměnné (overrides šablony)
   ----------------------------------------------------------------- */
:root {
    --border-radius-top-category: 10px;
    --color-top-category-black: #046d73;
    --color-top-category-black-hover: #f06292;
    --color-top-category-gray: #046d73;
    --border-color-top-category: #e2e2e2;
    --background-color-menu-style-1-top-category: #fbfbfb;
    --background-color-arrow-top-category: #f1f1f1;
    --background-color-arrow-top-category-hover: #e2e2e2;
    --background-color-slider-style-1-top-category: #e2e2e2;
    --background-color-slider-style-1-top-category-hover: var(--color-primary);
    --color-slider-style-1-top-category: #f06292;
    --color-slider-style-1-top-category-hover: #ffffff;
}


/* -----------------------------------------------------------------
   4) HLAVNÍ MENU – barevné zvýraznění vybraných kategorií
   ----------------------------------------------------------------- */

/* ZOUBKOVÁ VÍLA – meruňková */
a[data-testid="headerMenuItem"][href="/darek-od-zoubkove-vily/"] {
    background-color: #fff1e6 !important;
    border-radius: 7px;
}

/* NAROZENINY – zelená */
a[data-testid="headerMenuItem"][href="/narozeninova-pozvanka/"] {
    background-color: #eaf7ee !important;
    border-radius: 7px;
}
a[data-testid="headerMenuItem"][href="/narozeninova-pozvanka/"]:hover {
    background-color: #bfe8c9 !important;
}

/* BABY SHOWER – žlutá */
a[data-testid="headerMenuItem"][href="/stiraci-losy/"] {
    background-color: #fff8d6 !important;
    border-radius: 7px;
}
a[data-testid="headerMenuItem"][href="/stiraci-losy/"]:hover {
    background-color: #f5e87a !important;
}

/* TEMATICKÉ OSLAVY – růžová */
a[data-testid="headerMenuItem"][href="/tematicke-party/"] {
    background-color: #fde8f0 !important;
    border-radius: 7px;
}
a[data-testid="headerMenuItem"][href="/tematicke-party/"]:hover {
    background-color: #f9c0d8 !important;
}

/* DIGITÁLNÍ PRODUKTY – modrá */
a[data-testid="headerMenuItem"][href="/digitalni-produkty/"] {
    background-color: #e8f4fd !important;
    border-radius: 7px;
}
a[data-testid="headerMenuItem"][href="/digitalni-produkty/"]:hover {
    background-color: #b8ddf7 !important;
}


/* -----------------------------------------------------------------
   5) AKCE & VÝPRODEJ – červené zvýraznění odkazu v menu
   ----------------------------------------------------------------- */
a[href="/akce-vyprodej/"] {
    color: #cc0000 !important;
}


/* =================================================================
   6) KONTAKTNÍ PRUH NAD HLAVIČKOU
   -----------------------------------------------------------------
   Stylizuje pruh s telefonem, otevíracími hodinami a e-mailem,
   který do DOMu vkládá /user/documents/upload/kontaktni-pruh.js.
   Telefon a e-mail jsou proklikávací (tel: / mailto:).
   ================================================================= */

/* Základ pruhu (společné pro desktop i mobil) */
.pg-contact-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px 28px;
    width: 100%;
    margin: 0;
    padding: 8px 16px;
    background: #046d73;             /* secondary barva šablony */
    color: #ffffff;
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    box-sizing: border-box;
}

/* Položka pruhu (telefon, otevíračka, e-mail) */
.pg-contact-bar__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ffffff !important;
    text-decoration: none !important;
    white-space: nowrap;
}

/* Hover/focus jen pro proklikávací položky (telefon a e-mail = <a>) */
a.pg-contact-bar__item:hover,
a.pg-contact-bar__item:focus {
    color: #ffeb5b !important;       /* primary-hover žlutá */
    text-decoration: none !important;
}

/* Ikonky před textem */
.pg-contact-bar__icon {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    flex-shrink: 0;
}

/* Mobil: pruh sticky nahoře v normálním toku (sedí nad Shoptet hlavičkou,
   posune ji dolů) – žádný z-index souboj jako u position: fixed */
@media (max-width: 991px) {

    .pg-contact-bar {
        position: sticky !important;
        top: 0;
        z-index: 50;                 /* nízký, ať nepřebíjí cookies banner / popupy */
        font-size: 11px;
        padding: 5px 6px;
        gap: 2px 12px;
    }

    .pg-contact-bar__icon {
        font-size: 13px;
    }
}

/* Desktop: pruh staticky nad hlavičkou (logo je uprostřed) */
@media (min-width: 992px) {

    .pg-contact-bar {
        position: relative;
    }
}