/* ============================================================
   HOSH — Announcement Bar
   Element: #hosh-bar (injectovan pres hosh-announcement-bar.js)

   Desktop: staticky nad headerem
   Mobile:  fixed nahore (position:fixed, z-index:1001)
            #header dostane top:32px, .overall-wrapper padding-top:92px
   ============================================================ */


/* ── BAR ──────────────────────────────────────────────────── */

#hosh-bar {
    background: var(--hosh-accent);
    color: var(--hosh-white);
    text-align: center;
    padding: 9px 16px;
    font-family: var(--hosh-sans);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1.3;
    width: 100%;
    box-sizing: border-box;
}

/* Fade transition mezi zpravami */
#hosh-bar-inner {
    transition: opacity 0.3s ease;
}

#hosh-bar a {
    color: var(--hosh-white) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    text-decoration-thickness: 1px !important;
    opacity: 0.9;
    transition: opacity 0.15s;
}

#hosh-bar a:hover { opacity: 1 !important; }

/* Schovat Shoptet nativni informacni listu (.site-msg.information)
   — nahrazujeme vlastnim #hosh-bar */
.site-msg.information { display: none !important; }


/* ── MOBILE ──────────────────────────────────────────────── */

@media (max-width: 768px) {
    /* Bar fixovat nahore */
    #hosh-bar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1001 !important;
    }

    /* Header odsunou pod bar (bar ma vysku ~32px) */
    #header { top: 32px !important; }

    /* Content wrapper — kompenzovat celkovou vysku fixed bar + header */
    .overall-wrapper { padding-top: 92px !important; }
}


/* ── MOBILE NAV OFFSET ───────────────────────────────────────
   Opal screen.min.css: #navigation ma top:0 a padding-top:52px
   na @media max-width:767px (fixed slide-in panel ze leva).
   
   Protoze nas fixed bar (32px) posouva #header na top:32px,
   musi i #navigation zacit az pod barem (top:32px).
   padding-top: 60px nahrazuje Opalovych 52px pro nas 60px header.
   
   Kdyz je nav open (.navigation-window-visible), panel je videt
   od top:32px — bar zustava viditelny nad navigaci.
   ─────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
    #navigation {
        top: 32px !important;
        padding-top: 60px !important;
    }
}