/* 1. IMPORT FONTU */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* 2. GLOBÁLNÍ RESET A PRIORITA PRO MONTSERRAT */
*,
html,
body,
p,
span,
div,
li,
a,
td,
input,
button {
    font-family: 'Montserrat', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* 3. ZÁKLADNÍ TEXT A OPRAVA EDITORU (Bez vlivu na bubliny) */
body,
p,
ul,
ol,
li,
div,
td {
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #333 !important;
}

/* FIX: Přidáno :not(.flag), aby bubliny nepřebíraly velký font rodiče */
span:not(.flag)[style*="font-size"],
.page-article-detail span:not(.flag),
.category-perex span:not(.flag),
.p-detail-inner span:not(.flag),
#content span:not(.flag) {
    font-size: inherit !important;
}

/* Odkazy v textu */
a {
    font-size: inherit !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* 4. KOMPAKTNÍ NADPISY */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.5px !important;
}

h1 {
    font-size: 26px !important;
}

h2 {
    font-size: 21px !important;
}

h3 {
    font-size: 18px !important;
}

/* 4b. HEADLINE STRÁNKY (jen tento konkrétní H1) */
/* 1. IMPORT FONTU */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* 2. GLOBÁLNÍ RESET A PRIORITA PRO MONTSERRAT */
*,
html,
body,
p,
span,
div,
li,
a,
td,
input,
button {
    font-family: 'Montserrat', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* 3. ZÁKLADNÍ TEXT A OPRAVA EDITORU (Bez vlivu na bubliny) */
body,
p,
ul,
ol,
li,
div,
td {
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #333 !important;
}

/* FIX: Přidáno :not(.flag), aby bubliny nepřebíraly velký font rodiče */
span:not(.flag)[style*="font-size"],
.page-article-detail span:not(.flag),
.category-perex span:not(.flag),
.p-detail-inner span:not(.flag),
#content span:not(.flag) {
    font-size: inherit !important;
}

/* Odkazy v textu */
a {
    font-size: inherit !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* 4. KOMPAKTNÍ NADPISY */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.5px !important;
}

h1 {
    font-size: 26px !important;
}

h2 {
    font-size: 21px !important;
}

h3 {
    font-size: 18px !important;
}



/* 5. TLAČÍTKA - ROZDĚLENÍ (Do košíku vs Detail) */

/* Tlačítko DO KOŠÍKU (Tmavé pozadí -> BÍLÝ TEXT) */
.btn-cart,
.add-to-cart-button,
.p-tools .btn-cart {
    color: #ffffff !important;
    background-color: #313e34 !important;
    /* Tmavé dle image_a79659.jpg */
    font-weight: 700 !important;
}

/* Tlačítko DETAIL (Bílé pozadí -> ČERNÝ TEXT) */
.btn-primary,
a.btn.btn-primary,
.p-tools a.btn:not(.btn-cart) {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    font-weight: 700 !important;
}

/* 6. HLAVIČKA A KOŠÍK (Bílý text v tmavém pruhu) */
.cart-price,
.cart-count,
.cart-item-count,
#header .cart-price,
#header .cart-count {
    color: #ffffff !important;
}

/* 7. RESPONSIVITA (Mobil & Tablet) */
@media (max-width: 991px) {
    h1 {
        font-size: 24px !important;
    }

    h2 {
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {

    body,
    p,
    span:not(.flag),
    div,
    li,
    a,
    .p-short-description {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    h1 {
        font-size: 21px !important;
        letter-spacing: -0.3px !important;
    }

    h2 {
        font-size: 18px !important;
    }

    h3 {
        font-size: 16px !important;
    }

    .navigation-in>ul>li>a {
        font-size: 14px !important;
    }
}

/* 8. FORMÁTOVÁNÍ TEXTU */
strong,
b {
    font-weight: 700 !important;
}

em,
i {
    font-style: italic !important;
}

.navigation-in>ul>li>a {
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* 9. SPECIFICKÁ ÚPRAVA PRO PŘÍZNAKY (BUBLINY) */
.flags .flag,
.flags-extra .flag,
.flags-default .flag,
.p-image-wrapper .flag,
span.flag {
    font-size: 8px !important;
}

/* 10. IKONA VYHLEDÁVÁNÍ (Lupa) */
/* Nastavení bílé barvy ikony v klidovém stavu (mimo hover) */
.search-input-icon,
#header .search-input-icon {
    color: #ffffff !important;
}

/* Černá barva při HOVERU nebo při AKTIVNÍM PSANÍ (focus) */
#header .search-form:hover .search-input-icon,
#header .search-form:focus-within .search-input-icon {
    color: #000000 !important;
}

/* 5. TLAČÍTKA - ROZDĚLENÍ (Do košíku vs Detail) */

/* Tlačítko DO KOŠÍKU (Tmavé pozadí -> BÍLÝ TEXT) */
.btn-cart,
.add-to-cart-button,
.p-tools .btn-cart {
    color: #ffffff !important;
    background-color: #313e34 !important;
    /* Tmavé dle image_a79659.jpg */
    font-weight: 700 !important;
}

/* Tlačítko DETAIL (Bílé pozadí -> ČERNÝ TEXT) */
.btn-primary,
a.btn.btn-primary,
.p-tools a.btn:not(.btn-cart) {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    font-weight: 700 !important;
}

/* 6. HLAVIČKA A KOŠÍK (Bílý text v tmavém pruhu) */
.cart-price,
.cart-count,
.cart-item-count,
#header .cart-price,
#header .cart-count {
    color: #ffffff !important;
}

/* 7. RESPONSIVITA (Mobil & Tablet) */
@media (max-width: 991px) {
    h1 {
        font-size: 24px !important;
    }

    h2 {
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {

    body,
    p,
    span:not(.flag),
    div,
    li,
    a,
    .p-short-description {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    h1 {
        font-size: 21px !important;
        letter-spacing: -0.3px !important;
    }

    h2 {
        font-size: 18px !important;
    }

    h3 {
        font-size: 16px !important;
    }

    .navigation-in>ul>li>a {
        font-size: 14px !important;
    }
}

/* 8. FORMÁTOVÁNÍ TEXTU */
strong,
b {
    font-weight: 700 !important;
}

em,
i {
    font-style: italic !important;
}

.navigation-in>ul>li>a {
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* 9. SPECIFICKÁ ÚPRAVA PRO PŘÍZNAKY (BUBLINY) */
.flags .flag,
.flags-extra .flag,
.flags-default .flag,
.p-image-wrapper .flag,
span.flag {
    font-size: 8px !important;
}

/* 10. IKONA VYHLEDÁVÁNÍ (Lupa) */
/* Nastavení bílé barvy ikony v klidovém stavu (mimo hover) */
.search-input-icon,
#header .search-input-icon {
    color: #ffffff !important;
}

/* Černá barva při HOVERU nebo při AKTIVNÍM PSANÍ (focus) */
#header .search-form:hover .search-input-icon,
#header .search-form:focus-within .search-input-icon {
    color: #000000 !important;
}

/* =========================================================
   HLAVNÍ HEADLINE STRÁNKY – VĚTŠÍ + NA STŘED (FINÁLNÍ)
========================================================= */

/* Kategorie */
#content .category-top h1 {
    text-align: center !important;
    font-size: 44px !important;
    line-height: 1.15 !important;

    background-color: #2c241b !important;
    /* 
       Gradient = tmavý filtr přes obrázek. 
       0.5 = 50% průhlednost (čím vyšší číslo, tím tmavší).
    */
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url('../obrazky/overlay2.webp') !important;
    background-size: cover !important;
    background-position: center !important;

    color: #ffffff !important;
    padding: 40px 20px !important;
    margin: 0 0 40px !important;
    border-radius: 0px !important;
}

/* Blog listing */
#content .sectionDescription h1 {
    text-align: center !important;
    font-size: 44px !important;
    line-height: 1.15 !important;

    background-color: #2c241b !important;
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url('../obrazky/overlay2.webp') !important;
    background-size: cover !important;
    background-position: center !important;

    color: #ffffff !important;
    padding: 40px 20px !important;
    margin: 0 0 40px !important;
    border-radius: 0px !important;
}

/* Detail článku */
#content article header h1 {
    text-align: center !important;
    font-size: 44px !important;
    line-height: 1.15 !important;
    background-color: #2c241b !important;
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url('../obrazky/overlay2.webp') !important;
    background-size: cover !important;
    background-position: center !important;

    color: #ffffff !important;
    padding: 40px 20px !important;
    margin: 0 0 40px !important;
    border-radius: 0px !important;
}

/* Datum pod článkem */
#content article header time {
    display: block !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    font-size: 14px !important;
    opacity: 0.65;
}

/* ================= TABLET ================= */
@media (max-width: 991px) {

    #content .category-top h1,
    #content .sectionDescription h1,
    #content article header h1 {
        font-size: 34px !important;
    }

}

/* ================= MOBILE ================= */
@media (max-width: 767px) {

    #content .category-top h1,
    #content .sectionDescription h1,
    #content article header h1 {
        font-size: 26px !important;
        margin: 22px 0 14px !important;
    }

    #content article header time {
        font-size: 13px !important;
    }

}

/* =========================================================
   HOMEPAGE – větší sekční nadpisy (Novinky / Nové články)
========================================================= */

.homepage-group-title.h4,
.homepage-products-heading-2.h4 {
    font-size: 28px !important;
    /* klidně zvyš na 30–32px pokud chceš víc výrazné */
    line-height: 1.2 !important;
    margin-bottom: 24px !important;
    text-align: center;
    /* smaž pokud nechceš na střed */
}

/* Tablet */
@media (max-width: 991px) {

    .homepage-group-title.h4,
    .homepage-products-heading-2.h4 {
        font-size: 24px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {

    .homepage-group-title.h4,
    .homepage-products-heading-2.h4 {
        font-size: 20px !important;
    }
}