/* =========================================================
   PITA CHLÉB – banner s úvodní fotkou na textových stránkách
   (O nás, Kontakt, Obchodní podmínky… = body.type-page)
   Nahrává se do: /user/documents/upload/page-hero.css
   Připojit přes <link> v editoru kódu.

   Banner vytváří page-hero.js: vezme úvodní fotku z titulky,
   překryje ji světlým závojem a umístí na ni nadpis stránky.
   ========================================================= */

/* Skrýt breadcrumbs (drobečkovou navigaci) na všech stránkách –
   orientaci „kde jsem" přebírá nadpis ve fotobanneru. */
.breadcrumbs { display: none !important; }

.pita-page-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    margin: 0 0 28px 0;
    padding: 28px 16px;
    background-image: url('https://730264.myshoptet.com/user/documents/upload/c53dec3b3b7a41dcc54fe04f96ab74bbc47ef088.jpg');
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    overflow: hidden;
}

/* Světlý závoj jako na titulce, ať je nadpis čitelný. */
.pita-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(245, 235, 220, 0.60);
    z-index: 1;
}

/* Obsah banneru nad závojem. */
.pita-page-hero > * {
    position: relative;
    z-index: 2;
}
.pita-page-hero header { margin: 0; }

/* Nadpis na fotce – stejný patkový font jako nadpisy na titulce. */
.pita-page-hero h1 {
    margin: 0;
    text-align: center;
    color: #3b2a1a;
    font-family: var(--template-headings-font, "Noto Serif"), Georgia, "Times New Roman", serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1.1;
    font-size: 40px;
}

@media screen and (max-width: 768px) {
    .pita-page-hero {
        min-height: 150px;
        margin-bottom: 20px;
        padding: 20px 14px;
        border-radius: 8px;
    }
    .pita-page-hero h1 { font-size: 26px; }
}