/* ZAMIDOG: vzhled celého webu (načítá se v Záhlaví) */

/* PÍSMO 13 PX (celý web) */
.price small, .price-final small, .prices small { font-size: 13px !important; }
.listSorting__control, .listSorting a, .listSorting button { font-size: 13px !important; }
.breadcrumbs, .breadcrumbs a, .breadcrumbs span { font-size: 13px !important; }
#zamidog-kontakt-box > div:first-child > div, #zamidog-kontakt-box > div:first-child > div > span, #zamidog-kontakt-box > div:last-child > div:last-child { font-size: 13px !important; }
.zd-video-kdo { font-size: 13px !important; }
#sf-widget-brand, #sf-widget-brand span, .sf-widget-brand-link { font-size: 13px !important; }

/* ZAOBLENÉ ROHY: obrázky, karty, bannery a tlačítka na celém webu */
html:root body .wide-carousel img,
html:root body .wide-carousel .carousel-inner,
html:root body .wide-carousel .item,
html:root body .zc-card,
html:root body .zc-card img,
html:root body #zamidog-cilovka-wrapper a,
html:root body #zamidog-cilovka-wrapper img,
html:root body #zc-autumn-banners a,
html:root body #zc-autumn-banners img,
html:root body #zc-video,
html:root body #zc-video video,
html:root body .footer-banner img,
html:root body .zd-insta-dlazdice,
html:root body .zd-insta-dlazdice img { border-radius: 16px !important; overflow: hidden; }

html:root body .zc-review-card,
html:root body #zc-heureka-strip .zc-review-card,
html:root body .zc-item,
html:root body .zc-item img,
html:root body .benefitBanner__item,
html:root body .products .product .p,
html:root body .product .p .image,
html:root body .product .p .image img,
html:root body .p-image,
html:root body .p-image img,
html:root body .zd-gal-box,
html:root body .zd-gal-nahled,
html:root body .zd-gal-nahled img,
html:root body .zd-gal-horni > .p-image,
html:root body .category-header,
html:root body .subcategories li a,
html:root body .votes-wrap > .vote-wrap,
html:root body .zd-popis img,
html:root body .zd-popis .zamidog-video-facade,
html:root body .zd-popis .zd-velke-video { border-radius: 12px !important; }
html:root body .zc-item, html:root body .products .product .p, html:root body .zd-gal-nahled, html:root body .zd-gal-box, html:root body .zd-gal-horni > .p-image { overflow: hidden; }

html:root body .btn,
html:root body button.btn,
html:root body a.btn,
html:root body .zc-intro-btn,
html:root body .zc-video-btn,
html:root body input[type="text"],
html:root body input[type="email"],
html:root body input[type="tel"],
html:root body input[type="search"],
html:root body select,
html:root body textarea,
html:root body .zd-hodn-box,
html:root body .zd-cr-stitek,
html:root body #zd-lista .zd-lista-btn { border-radius: 10px !important; }

/* HLAVNÍ STRÁNKA: obsah pod úvodním bannerem se ukáže až po přeskládání, aby stránka neposkakovala */
@keyframes zcUkaz { to { visibility: visible; } }
body.type-index:not(.zc-hotovo) .container--bannersBenefit,
body.type-index:not(.zc-hotovo) .index-content-wrapper,
body.type-index:not(.zc-hotovo) .footer-banner,
body.type-index:not(.zc-hotovo) #zc-insta { visibility: hidden; animation: zcUkaz 0s 2.5s forwards; }

/* VÝHODY 2x2 NA MOBILU (hlavní stránka i detail produktu) */
.benefitBanner .benefitBanner__data {
    font-size: 13px !important;
}

@media only screen and (max-width: 767px){
    .benefitBanner.position--benefitHomepage,
    .benefitBanner.position--benefitProduct {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px 12px !important;
        padding: 0 4px !important;
        margin: 12px 0 !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__item,
    .benefitBanner.position--benefitProduct .benefitBanner__item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__link,
    .benefitBanner.position--benefitProduct .benefitBanner__link {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__picture,
    .benefitBanner.position--benefitProduct .benefitBanner__picture {
        margin: 0 auto 4px auto !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__content,
    .benefitBanner.position--benefitProduct .benefitBanner__content {
        padding: 0 !important;
        margin: 0 !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__title,
    .benefitBanner.position--benefitProduct .benefitBanner__title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        margin: 0 0 2px 0 !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__data,
    .benefitBanner.position--benefitProduct .benefitBanner__data {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
}

/* ÚVODNÍ BANNER: bez rámečku, zaoblený */
html:root body .wide-carousel .carousel { border: 0 !important; border-radius: 16px !important; background: transparent !important; }

/* HLAVNÍ STRÁNKA: stejné mezery kolem pásku kolekcí */
body.type-index .banners-content:empty { display: none !important; }
html:root body.type-index #zamidog-cilovka-wrapper { padding-top: 0 !important; }
html:root body #zd-pasek.zd-pasek-hlavni { margin-top: 0 !important; }

/* HEUREKA: světle šedé karty na bílém pozadí */
html:root body.type-index #zc-heureka-strip .zc-review-card { background: #F4F4F4 !important; border: 0 !important; }
html:root body.type-index #zc-heureka-strip .zc-review-card img { mix-blend-mode: multiply; }
html:root body.type-index #zc-heureka-strip .zc-intro-count,
html:root body.type-index #zc-heureka-strip .zc-review-verified,
html:root body.type-index #zc-heureka-strip .zc-review-date,
html:root body.type-index #zc-heureka-strip .zc-review-name,
html:root body.type-index #zc-heureka-strip .zc-review-text,
html:root body.type-index #zc-heureka-strip .zc-review-plus li,
html:root body.type-index #zc-heureka-strip .zc-review-vice,
html:root body.type-index #zc-heureka-strip .zc-review-meta,
html:root body.type-index #zc-heureka-strip .zc-intro-title,
html:root body.type-index #zc-heureka-strip .zc-intro-dop { color: #111 !important; }

/* HEUREKA: nadpis stejně velký jako ostatní nadpisy na hlavní stránce */
html:root body.type-index .zc-heureka-label { font-size: 30px !important; font-weight: 700 !important; line-height: 1.2 !important; margin-bottom: 20px !important; }
@media (max-width: 768px) {
  html:root body.type-index .zc-heureka-label { font-size: 22px !important; }
}

/* HEUREKA: kreslený smajlík u nadpisu */
.zc-heureka-label .zd-smajlik { display: inline-block; vertical-align: -4px; margin-left: 10px; transform: rotate(8deg); }
@media (max-width: 768px) { .zc-heureka-label .zd-smajlik { width: 22px; height: 22px; margin-left: 6px; } }

/* SLEDUJ MĚ (sociální sítě): béžový pás přes celou šířku jako newsletter */
html:root body.type-index .zd-sit { border-radius: 0 !important; box-shadow: 0 0 0 100vmax #F8F2ED !important; clip-path: inset(0 -100vmax) !important; background: #F8F2ED !important; }

/* MOBIL: hlavní stránka víc do krajů */
@media (max-width: 767px) {
  html:root body.type-index #content { padding-left: 10px !important; padding-right: 10px !important; }
  html:root body.type-index .index-content-wrapper .tab-content { padding-left: 0 !important; padding-right: 0 !important; }
  html:root body.type-index .zc-wrap > .container, html:root body.type-index #zamidog-cilovka-wrapper > .container { padding-left: 0 !important; padding-right: 0 !important; }
  html:root body.type-index #zc-heureka-strip .zc-heureka-reviews { padding-left: 0 !important; padding-right: 0 !important; scroll-padding: 0 !important; }
  html:root body.type-index #zc-heureka-strip .zc-heureka-arrow--prev { left: 0 !important; }
  html:root body.type-index #zc-heureka-strip .zc-heureka-arrow--next { right: 0 !important; }
}

/* DETAIL PRODUKTU NA PC: větší tlačítko Do košíku a větší cena */
@media (min-width: 992px) {
  html body #product-detail-form .add-to-cart-button { min-height: 62px !important; font-size: 19px !important; font-weight: 800 !important; letter-spacing: .6px; }
  html body #product-detail-form .add-to-cart-button::before { font-size: 26px !important; }
  html body #product-detail-form .p-final-price-wrapper .price-final,
  html body #product-detail-form .price-final-holder { font-size: 30px !important; font-weight: 700 !important; }
}

/* Cena "od 1 500 Kč" vždy na jednom řádku */
html body #product-detail-form .p-final-price-wrapper,
html body #product-detail-form .p-final-price-wrapper .price-final,
html body #product-detail-form .price-final-holder,
html body #product-detail-form .price-final-holder * { white-space: nowrap !important; }
html body #product-detail-form .p-final-price-wrapper { flex: 1 1 auto !important; min-width: 0; }

/* MOBILNÍ MENU: pod ikonou tří čárek i slovo MENU (jen tam, kde šablona tři čárky ukazuje, na PC ne) */
@media (max-width: 1199px) {
  html body .navigation-buttons a[data-target="navigation"] { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px; width: auto !important; min-width: 46px; padding: 0 2px !important; line-height: 1 !important; }
  html body .navigation-buttons a[data-target="navigation"]::before { line-height: 1 !important; height: auto !important; display: block !important; }
  html body .navigation-buttons a[data-target="navigation"]::after { content: "MENU"; display: block; font-family: 'Poppins', Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: .5px; color: #111; }
  /* lupa, košík a menu dál od pravého kraje, bez světlých obdélníků pod ikonami */
  html body .navigation-wrapper .navigation-buttons { right: 14px !important; gap: 4px; background: transparent !important; }
  html body .navigation-buttons > a, html body .navigation-buttons > a:hover, html body .navigation-buttons > a:focus { background: transparent !important; box-shadow: none !important; }
}

/* MOBIL HLAVNÍ STRÁNKA: horní banner přes celou šířku, ale nepřetéká, takže stránka nejde posunout do strany */
@media (max-width: 767px) {
  html body.type-index .banners-row { margin-left: -10px !important; margin-right: -10px !important; }
}

/* MOBIL: při psaní do poznámky, vyhledávání nebo formuláře se stránka nepřiblíží.
   iPhone přibližuje každé pole s písmem menším než 16 px, proto mají pole na mobilu 16 px. */
@media (max-width: 1199px) {
  html body input[type="text"], html body input[type="email"], html body input[type="tel"], html body input[type="search"],
  html body input[type="number"], html body input[type="password"], html body input:not([type]),
  html body textarea, html body select { font-size: 16px !important; }
}

/* POPIS KATEGORIE: je vidět jen první odstavec, zbytek se ukáže po kliknutí na "Číst dál"
   (tlačítko přidává zamidog-kategorie-popis.js). */
html body.type-category .category-perex:not(.zd-popis-otevreno) p ~ * { display: none !important; }
html body.type-category .category-perex:not(.zd-popis-otevreno) .zd-popis-skryt,
html body.type-category .category-perex:not(.zd-popis-otevreno) .zami-category-desc > .category-perex ~ * { display: none !important; }
html body.type-category .zd-popis-btn { display: inline-flex; align-items: center; gap: 6px; margin: 4px 0 14px 0; padding: 7px 16px; background: #fff; border: 1px solid #111; border-radius: 999px; color: #111 !important; font-family: Poppins, Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 1.2; cursor: pointer; }
html body.type-category .zd-popis-btn:hover { background: #111; color: #fff !important; }
html body.type-category .zd-popis-btn .zd-sipka { display: inline-block; transition: transform .25s ease; }
html body.type-category .zd-popis-btn.zd-otevreno .zd-sipka { transform: rotate(180deg); }

/* KOŠÍK: tlačítko "Přidat slevový kupón" po najetí myší černé s bílým textem a šipkou */
html body .discount-coupon .btn:hover, html body .discount-coupon button:hover { background: #111 !important; border-color: #111 !important; color: #fff !important; }
html body .discount-coupon .btn:hover::before, html body .discount-coupon .btn:hover::after, html body .discount-coupon button:hover * { color: #fff !important; fill: #fff !important; stroke: #fff !important; }

/* pristupnost: kontrast tlacitek, velikost tecek */
.btn-conversion,.add-to-cart-button,.btn.btn-conversion{background-color:#00852B !important;border-color:#00852B !important}
.btn-conversion:hover,.add-to-cart-button:hover{background-color:#006E23 !important;border-color:#006E23 !important}
.zd-rika-kdo{color:#111 !important}
.zd-pasek-tecka{min-width:24px !important;min-height:24px !important;background-clip:content-box !important}