/* Custom Theme CSS for Eze-Store with new color scheme
   #F6432E - Primary (Orange-Red)
   #F2F3F8 - Background
   #eee - Light Gray
   
   ===== RECENT UI FIXES =====
   1. HEADER & NAVBAR: Removed hover effects for cleaner appearance
   2. ORDER MODAL: Fixed buy now button visibility with proper contrast
   3. FOOTER REGISTRATION: Changed from outline to scaling hover effect
   4. FOOTER LINKS: Added lighter hover color (#f0f0f0) for better visibility
   5. HEADER BADGES: Fixed cart and wishlist badge visibility with orange background
   
   ===== CLASS NAMING CONVENTION =====
   - header-navbar-* : Header and navigation elements
   - order-modal-* : Order modal specific elements
   - footer-registration-* : Footer registration button
   - footer-widget-* : Footer widget links
*/

:root {
    --custom-primary: #F6432E;
    --custom-primary-hover: #e53a25;
    --custom-primary-light: rgba(246, 67, 46, 0.1);
    --custom-primary-light-20: rgba(246, 67, 46, 0.2);
    --custom-primary-light-40: rgba(246, 67, 46, 0.4);
    --custom-secondary: #ffffff; /* White background for secondary buttons */
    --custom-bg: #F2F3F8;
    --custom-light-gray: #eee;
    --footer-link-hover: #f0f0f0; /* Light hover color for footer links */
}

/* Background Colors */
body {
    background-color: var(--custom-bg);
}

.bg-light {
    background-color: #ffffff !important;
}

/* ===== HEADER AND NAVBAR STYLING (No Hover Effects) ===== */
.header-navbar-sticky.bg-light {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.header-navbar-stuck-menu {
    background-color: var(--custom-primary) !important;
}

.header-navbar-tool .navbar-tool-icon-box {
    background-color: var(--custom-primary-light);
    color: var(--custom-primary) !important;
    /* Removed hover transition */
}

/* REMOVED: Header navbar hover effects for cleaner appearance */
/*
.navbar-tool:hover .navbar-tool-icon-box {
    background-color: var(--custom-primary);
    color: white !important;
}
*/

.header-navbar-tool-label {
    background-color: var(--custom-primary) !important;
}

/* ===== HEADER BADGES VISIBILITY FIX ===== */
.navbar-tool-label {
    background-color: var(--custom-primary) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    min-width: 20px !important;
    text-align: center !important;
    line-height: 1 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 8px rgba(246, 67, 46, 0.3) !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    z-index: 10 !important;
}

.header-navbar-tool-label {
    background-color: var(--custom-primary) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    min-width: 20px !important;
    text-align: center !important;
    line-height: 1 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 8px rgba(246, 67, 46, 0.3) !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    z-index: 10 !important;
}

/* Enhanced visibility for cart and wishlist badges */
.navbar-tool-icon-box {
    position: relative !important;
}

.countWishlist {
    display: inline-block !important;
}

/* Specific styling for cart badge */
.header-cart-badge {
    background-color: var(--custom-primary) !important;
    color: black !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    min-width: 20px !important;
    text-align: center !important;
    line-height: 1 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 8px rgba(246, 67, 46, 0.3) !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    z-index: 10 !important;
    display: inline-block !important;
}

/* Specific styling for wishlist badge */
.header-wishlist-badge {
    background-color: var(--custom-primary) !important;
    color: black !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    min-width: 20px !important;
    text-align: center !important;
    line-height: 1 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 8px rgba(246, 67, 46, 0.3) !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    z-index: 10 !important;
    display: inline-block !important;
}

.header-search-button {
    background-color: var(--custom-primary);
}

/* REMOVED: Search button hover effect */
/*
.search_button:hover {
    background-color: var(--custom-primary-hover);
}
*/

/* ===== NAVBAR LINKS (No Hover Effects) ===== */
.navbar-nav .nav-link {
    transition: none !important; /* Remove transitions */
}

/* REMOVED: Navbar link hover effects for cleaner appearance */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item:hover .nav-link {
    color: inherit !important; 
    background-color: transparent !important;
    /* transform: scale(1.1) !important; */
    transition: all 0.3s ease !important;
    /* font-weight: 800 !important; */
}

/* Category Menu */
.category-menu-toggle-btn {
    color: var(--custom-primary) !important;
}

.category-menu-wrap .category-menu {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.category-menu-wrap .category-menu li a {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.category-menu-wrap .category-menu li a:hover {
    /* background-color: var(--custom-primary-light); */
    /* color: var(--custom-primary); */
    padding-left: 25px;
}

.category-menu-wrap .category-menu li a::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--custom-primary);
    opacity: 0;
    transition: all 0.3s ease;
}

.category-menu-wrap .category-menu li a:hover::before {
    left: 10px;
    opacity: 1;
}

/* Category items in home page */
.__cate-item a {
    transition: all 0.3s ease;
}

.__cate-item:hover a h3 {
    color: var(--custom-primary) !important;
    font-weight: 600;
}

.__cate-item:hover .__img {
    border: 2px solid var(--custom-primary);
}

/* ===== BUTTON STYLING ===== */
.btn--primary {
    background-color: var(--custom-primary) !important;
    border-color: var(--custom-primary) !important;
    border-radius: 6px;
    transition: all 0.3s ease;
    color: #ffffff !important;
}

.btn--primary:hover {
    background-color: var(--custom-primary-hover) !important;
    /* border-color: var(--custom-primary-hover) !important; */
    /* transform: translateY(-2px); */
    box-shadow: 0 4px 10px rgba(246, 67, 46, 0.3);
    color: #ffffff !important;
}

.btn-outline-primary {
    color: var(--custom-primary);
    border-color: var(--custom-primary);
}

.btn-outline-primary:hover {
    background-color: var(--custom-primary);
    border-color: var(--custom-primary);
}

/* ===== ORDER MODAL BUY NOW BUTTON FIX ===== */
.modal .order-modal-buy-now-button,
.modal .btn-buy-now,
.quickview-modal .btn--primary,
.product-modal .btn--primary {
    background-color: var(--custom-secondary) !important;
    border-color: var(--custom-primary) !important;
    color: var(--custom-primary) !important;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.modal .order-modal-buy-now-button:hover,
.modal .btn-buy-now:hover,
.quickview-modal .btn--primary:hover,
.product-modal .btn--primary:hover {
    background-color: var(--custom-primary-hover) !important;
    border-color: var(--custom-primary-hover) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(246, 67, 46, 0.4);
}

/* Text Colors */
.web-text-primary,
.text-primary {
    color: var(--custom-primary) !important;
}

/* Link hover effects */
a {
    transition: all 0.2s ease;
}

a:hover {
    color: var(--custom-primary-hover) !important;
    text-decoration: none;
}

.social-media {
    transition: all 0.3s ease;
}

.social-media:hover {
    color: var(--custom-primary) !important;
    transform: translateY(-3px) scale(1.1);
}

/* General widget list link styles - overridden by footer specific styles */
.widget-list-link {
    transition: all 0.2s ease;
}

/* General widget links hover (not in footer) */
.widget-list-link:hover {
    color: var(--custom-primary) !important;
    transform: translateX(3px);
    text-decoration: none;
}

/* ===== FOOTER LINKS WITH LIGHTER HOVER COLOR ===== */
.page-footer .footer-widget-link:hover,
.page-footer .widget-list-link:hover {
    color: var(--footer-link-hover) !important; /* Light gray for better visibility */
    transform: translateX(3px); /* Subtle slide effect */
    text-decoration: none;
    transition: all 0.3s ease;
}

[dir="rtl"] .widget-list-link:hover {
    transform: translateX(-3px);
}

[dir="rtl"] .page-footer .footer-widget-link:hover,
[dir="rtl"] .page-footer .widget-list-link:hover {
    transform: translateX(-3px); /* RTL slide effect */
}

/* Cards */
.card {
    border-radius: 8px;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

/* Card hover effects */
.footer-slide-item,
.__cate-item,
.product-card {
    transition: all 0.3s ease;
}

.footer-slide-item:hover,
.__cate-item:hover,
.product-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Product Cards */
.product-card {
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.product-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Flash Deal */
.flash_deal {
    border-radius: 8px;
    overflow: hidden;
}

.flash_deal_title {
    color: var(--custom-primary);
}

.cz-countdown {
    background-color: var(--custom-primary-light);
}

.cz-countdown-days,
.cz-countdown-hours,
.cz-countdown-minutes,
.cz-countdown-seconds {
    border: 1px solid var(--custom-primary) !important;
}

/* Featured Deal */
.featured_deal_left {
    background: var(--custom-primary) !important;
    border-radius: 8px 0 0 8px;
}

/* Footer */
.page-footer {
    background-color: var(--custom-primary) !important;
    color: #ffffff;
}

.footer-header {
    color: #ffffff !important;
    font-weight: 600;
}

.pt-4.custom-light-primary-color-20,
.pt-4[style*="background-color: #F2F3F8"],
.pt-4[style*="background-color: #ffffff"] {
    background-color: var(--custom-primary) !important;
    border-top: none;
}

/* Footer text colors */
.page-footer,
.page-footer p,
.page-footer span,
.page-footer div {
    color: #ffffff !important;
}

/* ===== FOOTER LINKS BASE STYLING ===== */
.footer-widget-link,
.widget-list-link {
    position: relative;
    padding-left: 0;
    color: #ffffff !important;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Footer social icons */
.social-media-icons a {
    display: inline-block;
    color: #ffffff !important;
}

.page-footer .social-media {
    color: #ffffff !important;
}

/* ===== FOOTER REGISTRATION BUTTON (No Outline Hover) ===== */
.footer-registration-button,
.subscribe-button {
    background-color: #ffffff;
    color: var(--custom-primary);
    border: 2px solid #ffffff;
    border-radius: 0 4px 4px 0;
    padding: 0 20px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.footer-registration-button:hover,
.subscribe-button:hover {
    background-color: #ffffff;
    color: var(--custom-primary);
    border: 2px solid #ffffff;
    transform: scale(1.05); /* Scale effect instead of outline */
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);
}

.subscribe-border {
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
}

/* Carousel Controls */
.owl-theme .owl-nav [class*="owl-"] {
    background-color: var(--custom-primary) !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: var(--custom-primary-hover) !important;
}

/* Section Headers */
.section-header {
    position: relative;
    margin-bottom: 20px;
}

.section-header h2 {
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.section-header h2:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: var(--custom-primary);
}

/* Top Slider */
.__top-slider-images .owl-carousel {
    border-radius: 8px;
    overflow: hidden;
}

.__slide-img {
    border-radius: 8px;
}

/* Floating Button */
.floating-btn-grp .btn-scroll-top {
    background-color: var(--custom-primary) !important;
    transition: all 0.3s ease;
}

.floating-btn-grp .btn-scroll-top:hover {
    background-color: var(--custom-primary-hover) !important;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(246, 67, 46, 0.3);
}

/* Category Section */
.__top-slider-cate .category-menu-wrap {
    border-radius: 8px;
    overflow: hidden;
}

/* Deal of the Day */
.deal_of_the_day {
    background: linear-gradient(135deg, var(--custom-primary) 0%, #ff7e54 100%);
    border-radius: 8px;
}

/* Best Selling & Top Rated */
.best-selling-image,
.top-rated-image {
    background: var(--custom-primary-light);
    border-radius: 8px;
}

/* Brands Section */
.__brand-item {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    transition: all 0.3s ease;
    background-color: #ffffff;
}

.__brand-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    border-color: var(--custom-primary-light);
    transform: translateY(-5px) scale(1.03);
}

/* Footer Slide Items */
.footer-slide-item {
    background-color: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.footer-slide-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

.footer-slide-item .text-primary {
    color: var(--custom-primary) !important;
}

/* Topbar */
.topbar {
    background-color: var(--custom-primary);
    color: white;
}

.topbar a, .topbar-link {
    color: white !important;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .navbar-tool .navbar-tool-icon-box {
        background-color: var(--custom-primary-light);
    }
    
    .search_button .input-group-text i {
        color: var(--custom-primary) !important;
    }
}