/* TASK815-VISUAL-FIXES-BEGIN version=1 css-sha256=bd5a16170197a8db04ec85c6af8880809a39fe247f7638fa8a4fa0b4f5e5287b */
/**
 * Rationale: Fix PrestaShop fleet contrast and layout overflow for LIGHT themed sites.
 *
 * CONTRAST:
 * - Text elements (prices, titles, header labels) are forced to #444444 (dark gray) against the light background.
 * - Buttons are forced to #2b3a24 background with #ffffff text to guarantee high contrast.
 * - WhatsApp badge is forced to #156633 (dark green).
 *
 * MOBILE OVERFLOW:
 * - Flex constraints and max-widths secured with !important to prevent horizontal overflow clipping.
 */

/* =========================================
   1. CONTRAST FIXES
   ========================================= */

.regular-price.z-fakeprice,
.lv-old-price,
.all-product-link,
.product-name,
.price.product-price,
.product-title,
.lvh2-lbl {
    color: #444444 !important;
    background-color: transparent !important;
}

.lvh2-lbl small {
    color: #ffffff !important;
    background-color: transparent !important;
}

.lvh2-act.wa .lvh2-lbl strong {
    color: #156633 !important;
    background-color: transparent !important;
}

.ajax_add_to_cart_button,
.button.lnk_view,
#search_widget form button,
#lvh2 .lvh2-search button,
.lv-cat-btn,
.number_product_dbboo {
    background-color: #2b3a24 !important;
    color: #ffffff !important;
}

body #_desktop_cart .cart-products-count,
body #_mobile_cart .cart-products-count,
html body#index #lv-hdr-right #_desktop_cart .blockcart .cart-products-count,
body #lv-hdr-right .blockcart .cart-products-count,
body .blockcart .cart-products-count,
body .cart-products-count {
    color: #ffffff !important;
    background-color: #2b3a24 !important;
}

/* =========================================
   2. MOBILE OVERFLOW FIXES
   ========================================= */

@media (max-width: 767px) {
    #lv-topbar .lv-tb-group,
    #lvh2 .lvh2-actions,
    .lv-tb-group,
    .lvh2-actions {
        flex-wrap: wrap !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
    
    #lv-topbar .lv-tb-item,
    .lv-tb-item {
        white-space: normal !important;
        word-break: break-word !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    
    #lvh2 .lvh2-search,
    .lvh2-search {
        min-width: 0 !important;
        flex-shrink: 1 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    #lvh2 .lvh2-search form,
    .lvh2-search form {
        min-width: 0 !important;
        width: 100% !important;
    }
    
    #lvh2 .lvh2-search input,
    .lvh2-search input {
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .lvfb-slash,
    .lv-fb-slash,
    .lv-fo-brand,
    .lv-fo-col {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .lvfb-slash,
    .lv-fb-slash {
        left: 0 !important;
        right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
    }
    
    .lv-tb-inner,
    .lvh2-inner {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    
    .blocknewproducts ul.product_list.grid > li,
    .blocknewproducts li,
    .quick-view-mobile,
    .blocknewproducts .ajax_block_product {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}
/* TASK815-VISUAL-FIXES-END */