/* =====================================================================
   TAEDA - kompletní CSS
   Umístění v Shoptet Filemanageru: /user/documents/upload/css/taeda-core.min.css
   Verze: 20260817 (přesun z /dmartini/, doplněny CLS-související úpravy)
   ===================================================================== */

/* --- Kategorie a příznaky --- */
.category-list .express-category {
    margin-left: 0 !important;
    padding-left: 10px;
    font-weight: bold;
}

/* --- Barevné proměnné kontaktního formuláře --- */
:root {
    --contact-form-border-radius: 10px;
    --contact-form-BG: #f7f7f7;
    --contact-form-BG-hover: #eaeaea;
    --contact-form-title-color: #b82221;
    --contact-form-text-color: black;
    --contact-form-link-color: #656565;
    --contact-form-icon-color: #b82221;
    --contact-form-border-color: #f7f7f7;
}

.banner-contact-addon .banner-contact__title,
.banner-contact-addon .banner-contact__text,
.banner-contact-addon .banner-contact-list__text,
.banner-contact-addon .banner-contact__btn.btn.btn-secondary {
    font-family: sans-serif;
}

/* --- Footer --- */
#footer .footer-rows .site-name { display: none; }
#footer .custom-footer { padding-left: 0 !important; }

/* --- Hlavička desktop (kosmetické doplňky ke kritickému CSS v HTML) --- */
@media (min-width: 768px) {
    #header .header-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 30px !important;
        padding: 2px 0 !important;
    }
    .navigation-buttons {
        min-width: 120px !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        height: 100% !important;
    }
    .navigation-buttons a,
    .navigation-buttons .cart-count,
    .navigation-buttons .login,
    .navigation-buttons .wishlist,
    .navigation-buttons .responsive-tools {
        min-width: 30px !important;
        min-height: 26px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .query-input.search-input,
    input.search-input { min-height: 36px; }
}

/* --- Font Shoptet swap (zabraňuje FOIT / CLS z fontu) --- */
@font-face {
    font-family: 'shoptet';
    font-display: swap;
}

/* --- Shoptet logo v patičce (rezervace prostoru) --- */
img[src*="shoptetLogo"] {
    width: 90px;
    height: 25px;
    display: block;
    opacity: 0;
    transition: opacity .3s;
    background: #f5f5f5;
}
img[src*="shoptetLogo"].loaded { opacity: 1; }

/* --- Skrytí duplicitních subcategories --- */
#subcategories,
.subcategories,
.category-list { display: none !important; }

/* --- FAQ komponenta --- */
.taeda-faq-container { margin: 30px 0; }
.taeda-faq-item {
    background: #f9f9f9;
    border-left: 4px solid #B72221;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 0 4px 4px 0;
}
.taeda-faq-item summary {
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    position: relative;
    padding-right: 20px;
}
.taeda-faq-item summary::after {
    content: "+";
    color: #B72221;
    position: absolute;
    right: 0;
    font-weight: bold;
    font-size: 1.2em;
}
.taeda-faq-item[open] summary::after { content: "-"; }
.taeda-faq-item summary::-webkit-details-marker { display: none; }
.taeda-faq-item p {
    margin-top: 10px;
    margin-bottom: 0;
    color: #333;
    line-height: 1.5;
}

/* --- Barvy produktových příznaků --- */
.flag.flag-tip { background: #5c5400 !important; color: #fff !important; }
.flag.flag-custom1 { background: #6b5400 !important; color: #fff !important; }
.flag.flag-custom2 { background: #1f7a1f !important; color: #fff !important; }
span.rate-average { color: #5a5a5a !important; }

/* --- Cookie lišta - stylování tlačítek --- */
/* (kritický layout cookie lišty je v HTML hlavičce, tady jen vzhled) */
.siteCookies [data-testid="buttonCookiesAccept"],
.siteCookies [data-testid="buttonCookiesReject"] {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 24px;
    min-width: 140px;
    border: 2px solid;
    border-radius: 4px;
    cursor: pointer;
    line-height: 1.3;
    text-align: center;
    box-sizing: border-box;
}
.siteCookies [data-testid="buttonCookiesReject"] {
    background: #fff;
    color: #333;
    border-color: #999;
}
.siteCookies [data-testid="buttonCookiesReject"]:hover {
    background: #f2f2f2;
    border-color: #777;
}
.siteCookies [data-testid="buttonCookiesAccept"] {
    background: #b82221;
    color: #fff;
    border-color: #b82221;
}
.siteCookies [data-testid="buttonCookiesAccept"]:hover {
    background: #9a1c1b;
    border-color: #9a1c1b;
}
.siteCookies .js-cookies-settings {
    color: #555;
    text-decoration: underline;
    font-size: 14px;
}

@media (max-width: 600px) {
    .siteCookies [data-testid="buttonCookiesAccept"],
    .siteCookies [data-testid="buttonCookiesReject"] {
        width: 100%;
        margin: 4px 0;
    }
    .siteCookies .siteCookiesButtons {
        display: flex;
        flex-direction: column;
    }
}