/*
Theme Name:     Hello Elementor Child Shop
Theme URI:      
Description:    Hello-elementor child theme.
Author:         Jan Matysiewicz
Author URI:     
Template:       hello-elementor
Version:        0.1.0
*/

/* ============================================================ */
/* KOREKTY STYLÓW - 23 IX                                      */
/* ============================================================ */

/* 1. NIESPÓJNA CENA (globalne ujednolicenie na wszystkich kartach) */
.group .woocommerce-Price-amount,
.group .font-label-sm.text-primary.font-semibold,
.group .font-label-sm.text-primary.font-semibold .woocommerce-Price-amount {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

/* 2. WYGLĄD PRZYCISKU WYBIERZ WARIANT (w pętli produktów) */
.group .mrtm-variable-btn,
.group .add_to_cart_button {
    padding: 12px 0 !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

/* 3. TYPOGRAFIA POLECANE BESTSELLERY */
.flex-col.items-center.text-center.mb-8 h2 {
    font-size: 32px !important;
    font-family: 'Playfair Display', serif !important;
}
.flex-col.items-center.text-center.mb-8 p {
    font-size: 15px !important;
    color: #666666 !important;
}

/* ============================================================ */
/* KOREKTY STRONY POJEDYNCZEGO PRODUKTU - 23 IX                 */
/* ============================================================ */

/* ZADANIE 2: USUNIĘCIE OPINII (CSS fallback) */
.woocommerce-Reviews, 
#tab-reviews, 
.woocommerce-product-rating { 
    display: none !important; 
}

/* ZADANIE 3: USUNIĘCIE RÓŻOWYCH ELEMENTÓW */
.single-product form.cart select:focus, 
.single-product form.cart select:hover, 
.single-product form.cart .button { 
    border-color: #000000 !important; 
    outline: none !important; 
    box-shadow: none !important; 
}

/* ZADANIE 4: POWIĘKSZENIE TYPOGRAFII NA STRONIE PRODUKTU */
.woocommerce-Tabs-panel--description p,
.mrtm-tab-content p,
.mrtm-tab-content {
    font-size: 15px !important; 
    line-height: 1.7 !important; 
    color: #444444 !important;
}

.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description {
    font-size: 14px !important; 
    color: #555555 !important;
}

/* Teksty pod ikonkami korzyści */
.grid.grid-cols-3.gap-4.text-center .font-label-sm {
    font-size: 12px !important; 
    text-transform: uppercase !important; 
    letter-spacing: 0.5px !important; 
    font-weight: 500 !important;
}

/* ============================================================ */
/* KOREKTY STRONY PRODUKTU - WYMUSZONE (Zadanie 23 IX)          */
/* ============================================================ */

/* 1. USUNIĘCIE RÓŻOWEGO PRZYCISKU */
.woocommerce div.product form.cart .button,
.single_add_to_cart_button,
button.single_add_to_cart_button,
.elementor-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}

/* 2. CAŁKOWITE UKRYCIE OPINII KLIENTÓW */
#reviews, 
#tab-reviews, 
.woocommerce-Tabs-panel--reviews,
li.reviews_tab,
.woocommerce-Reviews,
[data-tab=reviews] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. USUNIĘCIE POZIOMYCH LINII (DIVIDERÓW) */
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-tabs, 
.product_meta, 
.cart,
hr {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
hr { display: none !important; }

/* 4. POWIĘKSZENIE TEKSTU OPISU PRODUKTU */
.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce-Tabs-panel--description p,
#tab-description p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #333333 !important;
}

/* 5. POWIĘKSZENIE TEKSTÓW POD IKONKAMI */
.single-product .elementor-icon-box-title,
.single-product .icon-box-title,
.single-product .benefits-text {
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* ============================================================ */
/* NAPRAWA RWD DLA STRONY SKLEPU - 23 IX                        */
/* ============================================================ */
@media (max-width: 1024px) {
    /* 1. ZMIANA UKŁADU GŁÓWNEGO KONTENERA */
    #mrtm-products-section .grid-cols-1.lg\:grid-cols-12,
    #mrtm-products-section > .max-w-7xl > .grid {
        display: flex !important;
        flex-direction: column !important;
    }
    
    #mrtm-products-section aside {
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important; /* wyłączenie sticky, by nie nachodziło */
        top: auto !important;
        margin-bottom: 32px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    /* 2. NAPRAWA SAMEJ SIATKI PRODUKTÓW (MOBILE) */
    #mrtm-products-section .lg\:col-span-9 {
        width: 100% !important;
    }

    #mrtm-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
        width: 100% !important;
    }

    /* 3. ZWIJANE FILTRY (UX) - tylko listy kategorii */
    #mrtm-products-section aside > div .space-y-2 {
        max-height: 250px !important;
        overflow-y: auto !important;
        padding-right: 8px !important;
    }
    
    /* Scrollbar styling for webkit */
    #mrtm-products-section aside > div .space-y-2::-webkit-scrollbar {
        width: 4px;
    }
    #mrtm-products-section aside > div .space-y-2::-webkit-scrollbar-thumb {
        background-color: #E5DFD5;
        border-radius: 4px;
    }
}