/* ==========================================================================
   Elgar — nadpisania motywu (ładowane po theme.css)
   Trzymane lokalnie w repo, żeby nie ruszać zminifikowanego theme.css.
   ========================================================================== */

/* Nazwa produktu w kafelku: dopuść 2 linie zamiast obcinania do jednej.
   min-height rezerwuje miejsce na 2 wiersze, żeby kafle w rzędzie były równe. */
.product-miniature .product-title a {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.35;
    min-height: 2.7em;
    max-height: 2.7em;
}

/* Kropki (dots) karuzel slick — czyste, wyśrodkowane pod karuzelą.
   Motyw pozycjonował .slick-dots absolutnie (dla slidera na HP), przez co
   na karuzeli "produkty z tej samej kategorii" rozjeżdżały się. */
.slick-dots {
    position: static !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
}
.slick-dots li { width: auto; height: auto; margin: 0; }
.slick-dots li button {
    width: 10px; height: 10px; padding: 0;
    border-radius: 50%;
    border: 1px solid #c2ccdf;
    background: #fff;
    font-size: 0; line-height: 0; color: transparent;
    text-indent: -9999px; overflow: hidden; cursor: pointer;
    transition: background .15s, border-color .15s, transform .15s;
}
.slick-dots li button:before { display: none !important; content: "" !important; }
.slick-dots li button:hover { border-color: #2C46CB; }
.slick-dots li.slick-active button { background: #2C46CB; border-color: #2C46CB; transform: scale(1.15); }

/* ===== Kolory marki na listach i karcie produktu (2026-07) ===== */
/* Flagi produktów (Nowy, Promocja/discount) -> niebieski (dawny kolor "dodaj do koszyka") */
.product-flags .product-flag.new,
.product-flags .product-flag.on-sale,
.product-flags .product-flag.discount { background-color: #2C46CB !important; }

/* "Dodaj do koszyka" -> czerwony (kafle listy + karta produktu) */
.add-to-cart,
.add-to-cart:focus { background-color: #E30613 !important; border-color: #E30613 !important; color: #fff !important; }
.add-to-cart:hover { background-color: #c1050f !important; border-color: #c1050f !important; color: #fff !important; }

/* Pigułki podkategorii -> niebieskie (przycisk filtra pozostaje czerwony) */
#subcategories ul li a { border: 1px solid #2C46CB !important; color: #2C46CB !important; background-color: #fff !important; }
#subcategories ul li a.current-cat,
#subcategories ul li a:hover { background-color: #2C46CB !important; border-color: #2C46CB !important; color: #fff !important; }

/* ===== Slider HP: przyciski (Zobacz / Czytaj więcej) -> czerwone (2026-07) ===== */
.homebanner .btn-white,
.homebanner-content .btn,
.homebanner-content a.btn-white { background-color: #E30613 !important; border-color: #E30613 !important; color: #fff !important; }
.homebanner .btn-white:hover,
.homebanner-content .btn:hover,
.homebanner-content a.btn-white:hover { background-color: #c1050f !important; border-color: #c1050f !important; color: #fff !important; }

/* ===== Liczniki w topie (koszyk, porównywarka, ulubione) -> niebieskie jak flagi ===== */
.cart-products-count,
.compare-products-count,
.wishlist-products-count { background-color: #2C46CB !important; color: #fff !important; }

/* ===== Stopka: szersza + odróżnienie nagłówków od pozycji menu (2026-07) ===== */
.footer-container .footer-top > .container,
.footer-container .footer-bottom > .container { max-width: 1440px !important; }
.footer-top .h3 {
    font: 800 15px/1.3 "Manrope", sans-serif !important;
    text-transform: uppercase; letter-spacing: .04em;
    color: #041e42 !important; margin: 0 0 18px !important; padding-bottom: 10px; position: relative;
    white-space: nowrap;
}
.footer-top .h3::after {
    content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 2px; background: #E30613;
}
.footer-navbar-nav a.nav-link,
.footer-top .footer-navbar-nav a { color: #5b6472; font-weight: 500; }
.footer-navbar-nav a.nav-link:hover { color: #2C46CB; }
.mobile-bottom-bar{
    z-index: 99;
}