/*
  shop.css – Výpis produktů: kategorie, karty produktů, badge, řazení.

  Převzato 1:1 z Přizpůsobit → Vlastní CSS (snapshot docs/snapshots/customizer-additional-css-2026-09-03.css).
  Po nasazení child šablony se tyto bloky z Customizeru smažou (manuál → docs/manual-changes-log.md).

  Pravidla: viz .claude/skills/SKILL.md. Selektor vždy ověřit na živém elementu,
  !important jen proti inline stylu (a napsat proč).
*/

.c-product-grid__progress.js-progress {
    display: none;
}

/* Display Add to cart button */
.c-product-grid__atc-block {
    opacity: 1 !important;
    visibility: visible !important;
}

.c-product-grid__atc-block>a {
    background-color: var(--nandes-black) !important;
    color: var(--nandes-white) !important;
}

.c-product-grid__atc-block>a:hover {
    background-color: var(--nandes-red) !important;
}

.c-product-grid__item i.ip-atc-more::before {
    content: "\f104" !important;
}

/* Hide the category description */
div.l-section.entry-content.c-product-grid__cat-desc.c-product-grid__cat-desc--below {
    display: none;
}

/* ==========================================================================
   Převzato 1:1 z Elementor → Site Settings → Custom CSS
   (snapshot docs/snapshots/elementor-site-custom-css-2026-09-03.css).
   Po nasazení child šablony se z Elementoru smaže (manuál → docs/manual-changes-log.md).
   ========================================================================== */

/* Červená barva pro slevenou cenu */
.c-product-grid__details ins .amount {
    color: var(--nandes-red) !important;
}

/* Mírné zvětšení ukazatele slevy */
.onsale,
.c-badge,
.c-product-grid__badge,
.c-badge--sale,
span.onsale {
    font-size: 14px !important;
    padding: 3px 8px !important;
    min-width: 40px !important;
    min-height: 25px !important;
    line-height: 18px !important;
    font-weight: bold !important;
    text-align: center !important;
}

/* Zvětšení velikosti názvu produktu */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.c-product-grid__details h2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
}

/* Zvětšení velikosti ceny */
.woocommerce ul.products li.product .price,
.c-product-grid__details .price {
    font-size: 17px !important;
    font-weight: 600 !important;
}

/* Zvětšení velikosti textu v popisu produktu */
.woocommerce ul.products li.product .woocommerce-product-details__short-description,
.c-product-grid__details p {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

/* Zvětšení přeškrtnuté původní ceny */
.woocommerce ul.products li.product del,
.woocommerce ul.products li.product del .amount,
.c-product-grid__details del,
.c-product-grid__details del .amount {
    font-size: 15px !important;
    opacity: 0.7 !important; /* Zvýšení opacity pro lepší viditelnost */
    margin-right: 5px !important;
    text-decoration: line-through;
}

/* Tabletová verze */
@media (max-width: 1024px) and (min-width: 768px) {
    .onsale, .c-badge, .c-product-grid__badge, .c-badge--sale, span.onsale {
        font-size: 12px !important;
        padding: 2px 6px !important;
        min-width: 35px !important;
        min-height: 22px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .c-product-grid__details h2 {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .woocommerce ul.products li.product .price,
    .c-product-grid__details .price {
        font-size: 15px !important;
    }

    .woocommerce ul.products li.product del,
    .c-product-grid__details del .amount {
        font-size: 13px !important;
    }

    .woocommerce ul.products li.product .woocommerce-product-details__short-description,
    .c-product-grid__details p {
        font-size: 13px !important;
        line-height: 1.1 !important;
    }
}

/* Mobilní verze */
@media (max-width: 767px) {
    .onsale, .c-badge, .c-product-grid__badge, .c-badge--sale, span.onsale {
        font-size: 11px !important;
        padding: 2px 5px !important;
        min-width: 30px !important;
        min-height: 20px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .c-product-grid__details h2 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .woocommerce ul.products li.product .price,
    .c-product-grid__details .price {
        font-size: 13px !important;
    }

    .woocommerce ul.products li.product del,
    .c-product-grid__details del .amount {
        font-size: 12px !important;
    }

    .woocommerce ul.products li.product .woocommerce-product-details__short-description,
    .c-product-grid__details p {
        font-size: 12px !important;
        line-height: 1.1 !important;
    }
}