/* 
 Theme Name:   Hello Elementor Child
 Theme URI:    
 Description:  Child Theme
 Author:       gdispatch420
 Author URI:   
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* --- All Product & Pagination Buttons: Green Background, White Text --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .product .button,
.wcf-pagination-container button.rt-variant-solid {
    background-color: #2E7D32 !important;
    color: #ffffff !important;
}

/* Button Hover State */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .product .button:hover,
.wcf-pagination-container button.rt-variant-solid:hover {
    background-color: #1b5e20 !important;
    color: #ffffff !important;
}

/* --- Inactive Pagination Buttons (Soft Variant / Arrows) --- */
.wcf-pagination-container button.rt-variant-soft {
    background-color: #ffffff !important;
    color: #2E7D32 !important;
    border: 1px solid #2E7D32 !important;
}

/* Inactive Pagination Buttons Hover State */
.wcf-pagination-container button.rt-variant-soft:hover {
    background-color: #2E7D32 !important;
    color: #ffffff !important;
}

/* Ensure SVG Icons inside Pagination follow the text color */
.wcf-pagination-container button svg {
    fill: currentColor !important;
}

/* --- Product Titles (Shop Grid & Single Page): Green, 16px --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce .product_title {
    color: #2E7D32 !important;
    font-size: 22px !important;
	font-weight: 700;
}

/* --- Product Prices (Shop Grid & Single Page): Dark Grey, 14px --- */
.woocommerce ul.products li.product .price,
.woocommerce .price .amount,
.woocommerce p.price,
.woocommerce p.price .amount,
.woocommerce p.price ins .amount,
.woocommerce p.price del .amount {
    color: #333333 !important;
    font-size: 18px !important;
	font-weight: 600;
}

/* --- Product Images: Force 1:1 Square Aspect Ratio Globally --- */
.woocommerce ul.products li.product a img,
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery__wrapper img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
}


/* --- Single Product Page Title: Green, 16px --- */
.summary.entry-summary .product_title.entry-title {
    color: #2E7D32 !important;
    font-size: 42px !important;
}

/* --- Single Product Page Price: Dark Grey, 14px --- */
.summary.entry-summary .price,
.summary.entry-summary .price .amount,
.summary.entry-summary .price ins .amount {
    color: #333333 !important;
    font-size: 30px !important;
}

/* --- Product Meta Links (Categories): Dark Grey with Green Links --- */
.summary.entry-summary .product_meta {
    color: #666666 !important;
    font-size: 20px !important;
}

.summary.entry-summary .product_meta a {
    color: #2E7D32 !important;
    text-decoration: none !important;
}

/* Meta Links Hover State */
.summary.entry-summary .product_meta a:hover {
    color: #1b5e20 !important;
    text-decoration: underline !important;
}

/* --- Global Tabs Wrapper Container --- */
ul.tabs.wc-tabs {
    border-bottom: 2px solid #2E7D32 !important;
    padding-left: 0 !important;
    margin-bottom: 20px !important;
    display: flex !important;
    list-style: none !important;
}

/* --- Individual Tabs (Default Inactive State) --- */
ul.tabs.wc-tabs li {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-bottom: none !important;
    margin-right: 5px !important;
    border-radius: 4px 4px 0 0 !important;
}

ul.tabs.wc-tabs li a {
    color: #333333 !important; /* Dark grey for readability */
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    display: block !important;
    text-decoration: none !important;
}

/* --- Active / Selected Tab State (Description / Reviews when clicked) --- */
ul.tabs.wc-tabs li.active {
    background-color: #2E7D32 !important;
    border-color: #2E7D32 !important;
}

ul.tabs.wc-tabs li.active a {
    color: #ffffff !important; /* White text when active */
}

/* --- Inactive Tab Hover Effect --- */
ul.tabs.wc-tabs li:not(.active):hover {
    background-color: #f5f5f5 !important;
}

ul.tabs.wc-tabs li:not(.active) a:hover {
    color: #2E7D32 !important; /* Text turns green on hover */
}
/* --- Global Container Styling --- */
.woocommerce-no-products-found {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
}

/* --- The Notice Message Box --- */
.woocommerce-no-products-found .woocommerce-info,
div.woocommerce-info[role="status"] {
    background-color: #f1f8e9 !important; /* Extremely soft light green tint */
    color: #333333 !important; /* Highly readable dark grey text */
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 15px 50px !important;
    border: 1px solid #c5e1a5 !important; /* Soft border tint */
    border-left: 4px solid #2E7D32 !important; /* Bold primary green anchor line */
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* --- Fix for Info Icons (if your theme displays one inside this block) --- */
div.woocommerce-info[role="status"]::before {
    color: #2E7D32 !important; /* Forces the default icon graphic to use your green */
}
/* --- Desktop Filter Buttons (Categories, Price) --- */
#wcf-horizontal-group button.wcf-filter-horizontal-trigger {
    background-color: #ffffff !important;
    color: #2E7D32 !important;
    border: 1px solid #2E7D32 !important;
    font-weight: 600 !important;
}

/* Desktop Filter Hover / Active States */
#wcf-horizontal-group button.wcf-filter-horizontal-trigger:hover,
#wcf-horizontal-group button.wcf-filter-horizontal-trigger[data-state="open"] {
    background-color: #2E7D32 !important;
    color: #ffffff !important;
}

/* --- Default Sorting Selection Dropdown (Desktop & Mobile) --- */
.wcf-filter-input button.rt-SelectTrigger {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    font-weight: 500 !important;
}

/* Sorting Dropdown Hover / Active States */
.wcf-filter-input button.rt-SelectTrigger:hover,
.wcf-filter-input button.rt-SelectTrigger[data-state="open"] {
    border-color: #2E7D32 !important;
    color: #2E7D32 !important;
}

/* --- Mobile Filter Drawer Launch Button --- */
#wcf-mobile-drawer button.wcf-drawer-trigger-button {
    background-color: #2E7D32 !important;
    color: #ffffff !important;
    border: 1px solid #2E7D32 !important;
    font-weight: 600 !important;
}

/* Mobile Filter Drawer Button Hover State */
#wcf-mobile-drawer button.wcf-drawer-trigger-button:hover {
    background-color: #1b5e20 !important;
    border-color: #1b5e20 !important;
}

/* --- Drawer Elements (Header Title & Slide-out SVG Colors) --- */
.wcf-drawer-header .wcf-drawer-header-title {
    color: #2E7D32 !important;
}

.wcf-drawer-header .wcf-drawer-close-link {
    color: #333333 !important;
}

.wcf-drawer-header .wcf-drawer-close-link:hover {
    color: #2E7D32 !important;
}

/* --- Icon SVG Color Synchronization --- */
#wcf-horizontal-group button svg,
#wcf-mobile-drawer button svg,
.wcf-filter-input button svg {
    fill: currentColor !important;
}
.uael-woocommerce .uael-woo-products-summary-wrap .button {
  background-color: var( --e-global-color-4f9ad8b );
  font-family: "Roboto", Sans-serif;
  color: white;
}

/* --- Fix Layout Constraints & Borders --- */
.woocommerce-cart-form__contents {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* --- Table Headers Styling --- */
.woocommerce-cart-form__contents th {
    background-color: #212529 !important; /* Rich Dark Charcoal */
    color: #FFFFFF !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.05em !important;
    padding: 16px 20px !important;
}

/* --- Table Body & Cell Backgrounds --- */
.woocommerce-cart-form__contents td {
    background-color: hsla(0,0%,50%,.071) !important; /* Your uniform light grey */
    padding: 16px 20px !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-right: 1px solid #E2E8F0 !important;
    color: #212529 !important; /* Clear dark text for pricing readability */
    vertical-align: middle !important;
}

.woocommerce-cart-form__contents td:last-child {
    border-right: none !important;
}

/* --- Subtotal text color fix --- */
.woocommerce-cart-form__contents .product-subtotal, 
.woocommerce-cart-form__contents .product-subtotal .amount {
    color: #2E7D32 !important; /* Strong Green for emphasis */
    font-weight: 700 !important;
}

/* --- Form Fields & Coupon Section Row --- */
.woocommerce-cart-form__contents td.actions {
    background-color: #FFFFFF !important; /* White bottom panel to cleanly separate actions */
    padding: 20px !important;
}

.woocommerce-cart-form .coupon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* --- Input Fields (Coupon & Quantity) --- */
.woocommerce-cart-form #coupon_code,
.woocommerce-cart-form__contents .quantity input.qty {
    height: 42px !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 6px !important;
    background-color: #FFFFFF !important;
    color: #212529 !important;
    padding: 0 14px !important;
}

/* --- Action Buttons (Apply Coupon & Update Cart) --- */
.woocommerce-cart-form button[name="apply_coupon"],
.woocommerce-cart-form button[name="update_cart"] {
    height: 42px !important;
    padding: 0 24px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.03em !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}

/* Apply Coupon Button - Solid Green */
.woocommerce-cart-form button[name="apply_coupon"] {
    background-color: #2E7D32 !important;
    color: #FFFFFF !important;
}

.woocommerce-cart-form button[name="apply_coupon"]:hover {
    background-color: #1B5E20 !important;
}

/* Update Cart Button - Minimalist Border Outline */
.woocommerce-cart-form button[name="update_cart"] {
    background-color: transparent !important;
    color: #2E7D32 !important;
    border: 2px solid #2E7D32 !important;
}

.woocommerce-cart-form button[name="update_cart"]:hover {
    background-color: #2E7D32 !important;
    color: #FFFFFF !important;
}

/* --- Cart Totals Box Table --- */
.cart_totals {
    margin-top: 40px !important;
}

.cart_totals table.shop_table {
    border-collapse: collapse !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 450px !important;
    float: right !important; /* Keeps layout neat */
}

.cart_totals table.shop_table th {
    background-color: hsla(0,0%,50%,.04) !important;
    color: #4A5568 !important;
    font-weight: 600 !important;
    padding: 14px 20px !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.cart_totals table.shop_table td {
    padding: 14px 20px !important;
    border-bottom: 1px solid #E2E8F0 !important;
    text-align: right !important;
}

.cart_totals .order-total td, 
.cart_totals .order-total td .amount {
    color: #2E7D32 !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

/* --- Fix Proceed to Checkout Button Layout --- */
.cart_totals .wc-proceed-to-checkout {
    padding: 20px 0 !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    max-width: 450px !important;
    float: right !important; /* Lines it up perfectly right below your totals table */
}

.cart_totals .wc-proceed-to-checkout a.checkout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important; /* Forces text onto one single line */
    white-space: nowrap !important; /* Prevents text splitting/wrapping */
    
    /* Layout Dimensions */
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    padding: 14px 30px !important;
    box-sizing: border-box !important;
    
    /* Colors & Accents */
    background-color: #2E7D32 !important; /* Your signature green */
    color: #FFFFFF !important;
    
    /* Typography */
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    
    /* Design Elements */
    border-radius: 6px !important;
    border: none !important;
    box-shadow: 0 4px 6px -1px rgba(46, 125, 50, 0.2) !important;
    transition: background-color 0.2s ease-in-out, transform 0.1s ease !important;
}

/* Smooth Interactive States */
.cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #1B5E20 !important; /* Deep forest green on hover */
    color: #FFFFFF !important;
    box-shadow: 0 6px 12px -2px rgba(46, 125, 50, 0.3) !important;
}

.cart_totals .wc-proceed-to-checkout a.checkout-button:active {
    transform: scale(0.98) !important; /* Tactile push animation */
}
a, 
.elementor-widget-text-editor a, 
.product-name a {
    color: #2E7D32;
}