/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi5
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.0.0-public-beta.9.1.1781783325
Updated: 2026-06-18 13:48:45
*/
/* ------------------------------------------------------------------
   1. GRID KATALOGU
   ------------------------------------------------------------------ */
.ej-katalog__products ul.products {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
    clear: both !important;
}
.ej-katalog__products ul.products::before,
.ej-katalog__products ul.products::after {
    display: none !important;
}
.ej-katalog__products .woocommerce-notices-wrapper,
.ej-katalog__products .added_to_cart.wc-forward {
    display: none !important;
}

/* ------------------------------------------------------------------
   2. KARTA PRODUKTU
   ------------------------------------------------------------------ */
.woocommerce ul.products li.product {
    clear: none !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
    border: 1px solid #eaeaea !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
.woocommerce ul.products li.product:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.1) !important;
}
.woocommerce ul.products li.product .button::after,
.woocommerce ul.products li.product .button::before,
.woocommerce ul.products li.product .add_to_cart_button::after,
.woocommerce ul.products li.product .add_to_cart_button::before {
    display: none !important;
    content: none !important;
}

/* ------------------------------------------------------------------
   3. OBRÁZEK
   ------------------------------------------------------------------ */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
    display: block !important;
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.5s ease !important;
    margin: 0 !important;
    opacity: 1 !important;
}
.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img {
    transform: scale(1.04) !important;
}
.woocommerce ul.products li.product .et_overlay,
.et_pb_module .et_shop_image .et_overlay {
    display: none !important;
}

/* ------------------------------------------------------------------
   4. NÁZEV PRODUKTU
   ------------------------------------------------------------------ */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    order: 1 !important;
    font-size: 0.95rem !important;
    color: #404243 !important;
    font-weight: 700 !important;
    padding: 14px 14px 4px 14px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* ------------------------------------------------------------------
   5. KRÁTKÝ POPIS
   ------------------------------------------------------------------ */
.woocommerce ul.products li.product .divi-katalog-popis {
    order: 2 !important;
    padding: 4px 14px 8px 14px !important;
    font-size: 0.80rem !important;
    line-height: 1.45 !important;
    color: #888 !important;
    flex-shrink: 0 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    pointer-events: none !important;
}
.woocommerce ul.products li.product a .divi-katalog-popis,
.woocommerce ul.products li.product a:hover .divi-katalog-popis {
    color: #888 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}

/* ------------------------------------------------------------------
   6. CENA
   ------------------------------------------------------------------ */
.woocommerce ul.products li.product .price {
    order: 3 !important;
    padding: 6px 14px 10px 14px !important;
    margin: 0 !important;
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    font-size: 0 !important;
}
.woocommerce ul.products li.product .price .woocommerce-Price-amount.amount {
    font-size: 1.15rem !important;
    color: #2da648 !important;
    font-weight: 800 !important;
    display: block !important;
    line-height: 1.4 !important;
}
.woocommerce ul.products li.product .price .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
    font-size: 1.15rem !important;
    color: #2da648 !important;
    font-weight: 800 !important;
}
.woocommerce ul.products li.product .price .price-excl-wrap {
    display: block !important;
    font-size: 0.78rem !important;
    color: #aaa !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    margin-top: 2px !important;
}
.woocommerce ul.products li.product .price .price-excl-wrap .woocommerce-Price-currencySymbol {
    font-size: 0.78rem !important;
    color: #aaa !important;
    font-weight: 400 !important;
}
.woocommerce ul.products li.product .price .price-excl-label {
    font-size: 0.78rem !important;
    color: #aaa !important;
    font-weight: 400 !important;
}
.woocommerce ul.products li.product .price .woocommerce-price-suffix {
    display: none !important;
}

/* ------------------------------------------------------------------
   7. TLAČÍTKO PŘIDAT DO KOŠÍKU
   ------------------------------------------------------------------ */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
    order: 4 !important;
    display: block !important;
    text-align: center !important;
    background-color: #404243 !important;
    color: #ffffff !important;
    margin: 0 14px 14px 14px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 0.80rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 10px 12px !important;
    transition: background-color 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
    background-color: #2da648 !important;
    color: #ffffff !important;
    padding-right: 12px !important;
    letter-spacing: 0.05em !important;
}

/* ------------------------------------------------------------------
   8. FILTR KATEGORIÍ
   ------------------------------------------------------------------ */
.ej-cat-filter {
    --lime:       #aed253;
    --lime-dark:  #8fb53a;
    --lime-bg:    #f4f9e8;
    --text:       #404243;
    --text-muted: #6b6e6f;
    --border:     rgba(64,66,67,.12);
    --r-full:     9999px;
    --transition: 180ms cubic-bezier(.16,1,.3,1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 24px 0 20px 0;
    font-family: 'Barlow', sans-serif;
}
.ej-cat-filter__label {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-right: 4px;
    white-space: nowrap;
}
.ej-cat-filter__btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Barlow', sans-serif;
    font-size: .82rem;
    font-weight: 700;
    padding: 7px 15px;
    border-radius: var(--r-full);
    border: 1.5px solid var(--border);
    background: #fff;
    color: var(--text-muted);
    text-decoration: none !important;
    white-space: nowrap;
    transition: all var(--transition);
    cursor: pointer;
}
.ej-cat-filter__btn:hover {
    border-color: var(--lime);
    color: var(--text);
    background: var(--lime-bg);
    transform: translateY(-1px);
}
.ej-cat-filter__btn.active {
    background: var(--lime) !important;
    border-color: var(--lime) !important;
    color: #1a1d1e !important;
}
.ej-cat-filter__btn.active:hover {
    background: var(--lime-dark) !important;
    border-color: var(--lime-dark) !important;
}
.ej-cat-filter__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    font-size: .68rem;
    font-weight: 800;
    border-radius: var(--r-full);
    padding: 0 5px;
    background: rgba(64,66,67,.09);
    color: inherit;
}
.ej-cat-filter__btn.active .ej-cat-filter__count {
    background: rgba(0,0,0,.14);
}

/* ------------------------------------------------------------------
   9. RESPONZIVITA
   ------------------------------------------------------------------ */
@media (max-width: 1200px) {
    .ej-katalog__products ul.products { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 900px) {
    .ej-katalog__products ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 600px) {
    .ej-katalog__products ul.products { grid-template-columns: repeat(2, 1fr) !important; }
    .ej-cat-filter { gap: 6px; padding: 16px 0 12px 0; }
    .ej-cat-filter__label { width: 100%; }
    .ej-cat-filter__btn { font-size: .78rem; padding: 6px 12px; }
}