/*
 Theme Name:   Fazele Astra Child
 Theme URI:    https://www.fazele.eu
 Description:  Child theme dla Astra - sklep fazele.eu
 Author:       Fazele.eu
 Template:     astra
 Version:      1.0.0
 Text Domain:  fazele-astra-child
*/

/* ============================================
   OGÓLNE
   ============================================ */

:root {
    --fazele-primary: #1a56db;
    --fazele-primary-hover: #1544b8;
    --fazele-secondary: #059669;
    --fazele-dark: #111827;
    --fazele-gray: #6b7280;
    --fazele-light: #f9fafb;
    --fazele-border: #e5e7eb;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ============================================
   HEADER
   ============================================ */

.ast-header-break-point .ast-mobile-header-wrap .ast-primary-header-bar {
    border-bottom: 2px solid var(--fazele-primary);
}

/* ============================================
   PRODUKTY - KATALOG
   ============================================ */

/* Karty produktów */
.woocommerce ul.products li.product {
    border: 1px solid var(--fazele-border);
    border-radius: 8px;
    padding: 15px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Nazwa produktu */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 600;
    color: var(--fazele-dark);
    min-height: 40px;
}

/* Cena */
.woocommerce ul.products li.product .price {
    font-size: 18px;
    font-weight: 700;
    color: var(--fazele-primary);
}

/* Badge "Na stanie" */
.woocommerce ul.products li.product .stock {
    font-size: 12px;
    color: var(--fazele-secondary);
    font-weight: 600;
}

/* Przycisk "Dodaj do koszyka" */
.woocommerce ul.products li.product .button {
    background-color: var(--fazele-primary);
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    text-transform: none;
    padding: 10px 20px;
    transition: background-color 0.2s ease;
}

.woocommerce ul.products li.product .button:hover {
    background-color: var(--fazele-primary-hover);
}

/* Produkt niedostępny */
.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__link {
    opacity: 0.5;
}

/* ============================================
   PRODUKT - STRONA SZCZEGÓŁOWA
   ============================================ */

.woocommerce div.product .price {
    font-size: 28px;
    font-weight: 700;
    color: var(--fazele-primary);
}

.woocommerce div.product .stock.in-stock {
    color: var(--fazele-secondary);
    font-weight: 600;
}

.woocommerce div.product .stock.out-of-stock {
    color: #dc2626;
    font-weight: 600;
}

/* Przycisk "Dodaj do koszyka" na stronie produktu */
.woocommerce div.product form.cart .single_add_to_cart_button {
    background-color: var(--fazele-primary);
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 30px;
    text-transform: none;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: var(--fazele-primary-hover);
}

/* SKU i kategoria */
.woocommerce div.product .product_meta {
    font-size: 13px;
    color: var(--fazele-gray);
}

/* Taby - opis, atrybuty */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--fazele-primary);
    border-bottom-color: var(--fazele-primary);
}

/* Tabela atrybutów */
.woocommerce div.product .woocommerce-product-attributes th {
    font-weight: 600;
    background: var(--fazele-light);
}

/* ============================================
   KOSZYK
   ============================================ */

.woocommerce .cart .button,
.woocommerce .checkout .button {
    background-color: var(--fazele-primary);
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
}

.woocommerce .cart .button:hover,
.woocommerce .checkout .button:hover {
    background-color: var(--fazele-primary-hover);
}

/* Przycisk "Przejdź do kasy" */
.woocommerce .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--fazele-secondary);
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #047857;
}

/* ============================================
   WYSZUKIWARKA
   ============================================ */

.woocommerce-product-search input[type="search"] {
    border: 2px solid var(--fazele-border);
    border-radius: 6px;
    padding: 10px 15px;
}

.woocommerce-product-search input[type="search"]:focus {
    border-color: var(--fazele-primary);
    outline: none;
}

/* ============================================
   BREADCRUMBS
   ============================================ */

.woocommerce .woocommerce-breadcrumb {
    font-size: 13px;
    color: var(--fazele-gray);
    padding: 10px 0;
}

/* ============================================
   STOPKA
   ============================================ */

.site-footer {
    border-top: 3px solid var(--fazele-primary);
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        padding: 10px;
    }

    .woocommerce div.product .price {
        font-size: 22px;
    }

    .woocommerce ul.products li.product .price {
        font-size: 16px;
    }
}