/* =============================================================
   Radost oblékat - vlastní styly
   Autor: Jan Barbořík (www.janbarborik.cz)
   ============================================================= */

/* --- Kategorie: skrytí prvků --- */
#categories ul {
    display: none !important;
}
#categories .cat-trigger {
    display: none !important;
}

/* --- Popisy a tabulky --- */
.basic-description table {
    width: 100% !important;
    max-width: 100% !important;
}
.price-save {
    color: red !important;
}
.category-perex a {
    text-decoration: underline;
    color: #e8c660;
}
.category__secondDescription a {
    text-decoration: underline;
    color: #e8c660;
}
.type-page .content-inner img {
    width: 100%;
}

/* --- Příznaky / slevy --- */
.flag.flag-discount {
    background-color: #E8C660;
}

/* --- Kontaktní widget --- */
.dm-contact-widget .con-txt .txt::after {
    content: " Každý den od 7:30 do 22:00.";
}

/* --- Benefit banner (desktop) --- */
@media (min-width: 992px) {
    .multiple-columns-body .position--benefitProduct .benefitBanner__item {
        flex: 1 1 25%;
    }
}

/* --- Mobilní navigace --- */
@media (max-width: 768px) {
    .navigation-buttons a[data-target="navigation"] {
        color: #e8c660 !important;
    }
    .navigation-buttons a[data-target="search"] {
        color: #e8c660 !important;
    }
    .position--benefitHomepage {
        padding-bottom: 10px !important;
    }
}

/* --- Hlavička --- */
.header-top {
    background: #3c3c3c;
}
#header .navigation-buttons a[data-target="cart"] {
    color: #e8c660;
}

/* --- Benefit banner --- */
.benefitBanner {
    background: #e8c660;
    color: #3c3c3c;
    padding: 20px 20px 0px 20px;
    border-radius: 20px;
}
.benefitBanner__picture {
    max-width: 45px;
}

/* --- Obsah --- */
#content p {
    margin: 0 0 2px !important;
}

/* --- Kategorie: odsazení úrovní --- */
.categories a {
    padding-top: 3px;
    padding-bottom: 3px;
}
.categories ul a {
    padding-left: 20px;
}
.categories ul ul a {
    padding-left: 30px;
}
.categories ul ul ul a {
    padding-left: 35px;
}
#categories .expandable > a > span,
#categories .expandable > .topic > a > span {
    top: 7px;
}

/* --- Pomocné třídy --- */
.capitalize-first::first-letter {
    text-transform: uppercase;
}

/* --- Filtry --- */
.box-filters {
    border-radius: 20px;
    margin-bottom: 30px !important;
}

/* --- Tlačítka (zaoblení) --- */
.products-block > div .p .p-bottom > div .p-tools .btn,
.products-block > div .p .p-bottom > div .p-tools .btn.btn-cart {
    border-radius: 20px;
}
.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart {
    border-radius: 20px;
}

/* --- Produkty --- */
.product:hover {
    box-shadow: none !important;
}

/* --- Carousel --- */
#carousel img {
    border-radius: 20px;
}

/* --- Skrytí filtru výrobců --- */
#manufacturer-filter {
    display: none;
}

/* =============================================================
   Heureka placka u loga (vpravo od loga, jen desktop)
   ============================================================= */
.site-name .heureka-badge {
    display: none !important;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    line-height: 1.15;
}
.site-name .heureka-badge__icon {
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    display: block;
}
.site-name .heureka-badge__icon svg,
.site-name .heureka-badge__icon img {
    width: 52px;
    height: 52px;
    display: block;
}
.site-name .heureka-badge__text {
    display: flex;
    flex-direction: column;
}
.site-name .heureka-badge__percent {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}
.site-name .heureka-badge__label {
    font-size: 12px;
    color: #cfcfcf;
}
@media (min-width: 992px) {
    .header-top-wrapper .site-name {
        display: flex;
        align-items: center;
        gap: 18px;
    }
    .site-name .heureka-badge {
        display: flex !important;
    }
}

/* =============================================================
   Recenzní dlaždice v kategoriích - logo Heureky + nadpis
   (dlaždice .product.review-prod generuje radostoblekat.min.js
    z pole "recenze" v záhlaví)
   ============================================================= */
.product.review-prod .p::before {
    content: "Recenze spokojených zákazníků";
    display: block;
    padding-top: 74px;
    margin-bottom: 12px;
    background: url("/user/documents/logo-heureka.svg") no-repeat top center;
    background-size: 64px 64px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.25;
    color: #3c3c3c;
}

/* =============================================================
   Rozcestník kategorií na úvodu (pod carouselem)
   Naplní a přesune ho rozcestnik.js do #rozcestnik-kategorii-uvod
   ============================================================= */
#rozcestnik-kategorii-uvod {
    margin: 26px 0;
}
.ro-rozcestnik {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.ro-cat {
    border-radius: 18px;
    padding: 18px 14px 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.ro-cat:nth-child(1) { background: #fbf4e7; }
.ro-cat:nth-child(2) { background: #fbe9e9; }
.ro-cat:nth-child(3) { background: #e8f0fb; }
.ro-cat:nth-child(4) { background: #fdeede; }
.ro-cat__head {
    display: block;
    text-decoration: none;
    color: #3c3c3c;
}
.ro-cat__title {
    display: block;
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: 1.2;
    margin-bottom: 10px;
}
.ro-cat__imgwrap {
    display: block;
}
.ro-cat__img {
    max-width: 150px;
    width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 0 auto;
}
.ro-cat__subs {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
}
.ro-cat__subs li {
    margin: 4px 0;
}
.ro-cat__subs a {
    text-decoration: none;
    color: #3c3c3c;
    font-size: 15px;
}
.ro-cat__subs a:hover {
    color: #caa53a;
    text-decoration: underline;
}
.ro-cat__head:hover .ro-cat__title {
    color: #caa53a;
}
@media (max-width: 767px) {
    .ro-rozcestnik {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .ro-cat__title { font-size: 15px; }
    .ro-cat__subs a { font-size: 13px; }
}

/* =============================================================
   Odrážky v popisech (přesunuto ze zápatí)
   ============================================================= */
.basic-description ul {
    list-style-type: disc !important;
    margin-left: 1.5em;
    padding-left: 0;
}
.basic-description ul li {
    display: list-item !important;
}
.category-perex ul li:before,
.category__secondDescription ul li:before,
.p-short-description ul li:before,
.tab-content ul li:before,
.welcome-wrapper ul li:before,
article ul li:before,
.basic-description ul li:before {
    content: none !important;
    margin: 0 !important;
}

/* =============================================================
   Box "Co říkají naši zákazníci" - grid (přesunuto ze zápatí)
   POZN.: tento box je nyní na detailu produktu skrytý a nahrazený
   boxem "Hodnocení obchodu" (viz produkt-hodnoceni.js). Styly tu
   nechávám pro případ, že by se box někde zobrazil.
   ============================================================= */
.product-reviews-box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.product-reviews-box h3 {
    width: 100%;
    flex-shrink: 0;
}
.product-reviews-box > div {
    flex: 1 1 calc(33.333% - 10px);
    min-width: 250px;
    margin-bottom: 0 !important;
}
.product-reviews-box > a {
    width: 100%;
}
@media (max-width: 991px) {
    .product-reviews-box > div {
        flex: 1 1 100%;
    }
}