/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* 1. WooCommerce Variacijų Lentelės "Sulaužymas" ir išlygiavimas */
.woocommerce div.product form.cart table.variations {
    border: none !important;
    width: 100% !important;
}

.woocommerce div.product form.cart table.variations tbody tr {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 24px !important;
    border: none !important;
}

/* 2. Pavadinimo (pvz. "Drabužių dydis") Stilizavimas Toad&Co stiliumi */
.woocommerce div.product form.cart table.variations th.label {
    width: 100% !important;
    text-align: left !important;
    padding: 0 0 10px 0 !important;
    background: transparent !important;
    display: block !important;
}

.woocommerce div.product form.cart table.variations th.label label {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #242217 !important; /* Mūsų tamsus Charcoal */
    font-weight: 500 !important;
    margin: 0 !important;
}

/* 3. Mygtukų Konteineris */
.woocommerce div.product form.cart table.variations td.value {
    width: 100% !important;
    padding: 0 !important;
    display: block !important;
}

.woo-variation-items-wrapper .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
}

/* 4. Pavienių Mygtukų Bazinis Dizainas (Baltas fonas) */
.woo-variation-items-wrapper .variable-item.button-variable-item {
    margin: 0 !important;
    min-width: 50px !important;
    min-height: 44px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important; /* Švelnus Toad&Co apvalumas */
    border: 1px solid #d1d1d1 !important; /* Subtilus pilkas rėmelis */
    background-color: #ffffff !important; /* Grynai baltas fonas */
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* Bazinė mygtuko teksto spalva */
.woo-variation-items-wrapper .variable-item.button-variable-item span.variable-item-span {
    font-size: 14px !important;
    color: #242217 !important; /* Tamsus tekstas */
    font-weight: 500 !important;
}

/* 5. Mygtuko Hover (Užvedus pelyte) efektas - Tamsiai žalias */
.woo-variation-items-wrapper .variable-item.button-variable-item:not(.selected):hover {
    border-color: #2C362A !important; 
    background-color: #2C362A !important; /* Fonas tampa Deep Pine */
}

/* Hover teksto spalva (balta ant tamsaus fono) */
.woo-variation-items-wrapper .variable-item.button-variable-item:not(.selected):hover span.variable-item-span {
    color: #ffffff !important; 
}

/* 6. AKTYVUS (Pasirinktas) Mygtukas - Tamsiai žalias */
.woo-variation-items-wrapper .variable-item.button-variable-item.selected,
.woo-variation-items-wrapper .variable-item.button-variable-item[aria-checked="true"] {
    background-color: #2C362A !important; /* Fonas tampa Deep Pine */
    border-color: #2C362A !important;
    box-shadow: none !important;
}

/* Aktyvaus mygtuko teksto spalva (balta ant tamsaus fono) */
.woo-variation-items-wrapper .variable-item.button-variable-item.selected span.variable-item-span,
.woo-variation-items-wrapper .variable-item.button-variable-item[aria-checked="true"] span.variable-item-span {
    color: #ffffff !important;
}

/* 7. Nuorodos "Išvalyti pasirinkimą" sutvarkymas */
.woocommerce div.product form.cart .reset_variations {
    display: inline-block !important;
    margin-top: 12px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    color: #546263 !important; /* Mūsų Harbor spalva */
    text-decoration: underline !important;
}

selector table.variations,
selector table.variations tbody,
selector table.variations tr,
selector table.variations th,
selector table.variations td,
selector .woo-variation-items-wrapper,
selector .variable-items-wrapper {
    background-color: transparent !important;
    background: transparent !important;
}

/* Tikslus Swatches įskiepio fono nuėmimas (Atrastas per Inspect) */
ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
    background-color: #f9f5f2 !important;
    background: #f9f5f2 !important;
    box-shadow: none !important;
}


/* ==========================================
   WPCLEVER WISHLIST MYGTUKAS (Per įskiepio Extra Class)
   ========================================== */

/* Panaikiname Hello temos fonus ir rėmelius */
button.wishes,
a.wishes {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px !important;
    min-width: auto !important;
    outline: none !important;
}

/* Pačios širdelės spalva ir dydis */
button.wishes .woosw-btn-icon,
a.wishes .woosw-btn-icon {
    color: #242217 !important; /* Tamsioji Charcoal spalva */
    font-size: 22px !important;
    transition: color 0.2s ease-in-out !important;
}

/* Hover (Užvedus pelyte) - Tampa Terracotta */
button.wishes:hover .woosw-btn-icon,
a.wishes:hover .woosw-btn-icon {
    color: #CD8157 !important; 
}

/* Kai prekė jau pridėta į norų sąrašą */
button.wishes.woosw-added .woosw-btn-icon,
a.wishes.woosw-added .woosw-btn-icon {
    color: #CD8157 !important;
}