/* ================================================================
   Blush · WooCommerce – wc-shop.css
   Sklep / archiwa produktów. Karta produktu jest w Tailwind
   (content-product.php); tutaj: siatka, sortowanie, obrazek, ceny.
   ================================================================ */

/* ---------- Pasek: liczba wyników + sortowanie ---------- */
.woocommerce .woocommerce-result-count {
    float: left;
    margin: 0;
    font-size: 0.85rem;
    color: var(--muted-2);
    line-height: 2.9;
}
.woocommerce .woocommerce-ordering { float: right; margin-bottom: 1.5rem; }
.woocommerce .woocommerce-ordering select,
.woocommerce-ordering .orderby {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--card);
    border: 1.5px solid var(--line-strong);
    border-radius: 9999px;
    padding: 0.6rem 2.5rem 0.6rem 1.2rem;
    font-size: 0.85rem;
    font-family: 'DM Sans', sans-serif;
    color: var(--ink);
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c98b73' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
}
.woocommerce .woocommerce-ordering select:focus { outline: none; border-color: var(--blush); }

/* ---------- Siatka produktów ---------- */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none; display: none; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    padding: 0;
}

/* Obrazek produktu (generowany przez WC) – wypełnia kadr karty */
.woocommerce ul.products li.product .blush-card-media img,
.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    margin: 0 !important;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.woocommerce ul.products li.product .group:hover .blush-card-media img { transform: scale(1.05); }

/* ---------- Ceny (generowane przez WC) ---------- */
.woocommerce ul.products li.product .price {
    color: var(--blush-deep);
    font-weight: 600;
    font-size: 1.05rem;
    margin: 0;
}
.woocommerce ul.products li.product .price del {
    color: var(--muted-2);
    opacity: 0.7;
    font-weight: 400;
    margin-right: 0.4rem;
}
.woocommerce ul.products li.product .price ins { color: var(--blush-deep); text-decoration: none; }

/* Gwiazdki */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before { color: var(--blush); }
.woocommerce .star-rating { font-size: 0.85rem; color: var(--blush); margin: 0; }

/* Brak produktów */
.woocommerce-info.woocommerce-no-products-found,
.woocommerce p.woocommerce-info { width: 100%; }

/* ---------- Sekcja powiązanych / upsell ---------- */
.woocommerce .related > h2,
.woocommerce .upsells > h2,
.woocommerce .cross-sells > h2 {
    font-family: 'Cormorant Garant', Georgia, serif;
    font-weight: 300;
    font-size: clamp(1.9rem, 3.5vw, 2.6rem);
    color: var(--ink);
    text-align: center;
    margin: 4rem 0 2.25rem;
}

/* ---------- Responsywność ---------- */
@media (max-width: 1200px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
}
@media (max-width: 900px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
}
@media (max-width: 380px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products { grid-template-columns: 1fr; }
}