/* Evaly Theme Colors CSS Override - Complete Modern UI */
:root {
    /* Evaly Color Palette */
    --evaly-dark: #222836;       /* Dark color for primary buttons */
    --evaly-blue: #2F54EB;       /* Blue for badges */
    --evaly-light: #E6ECF2;      /* Light background for inputs */
    --evaly-white: #FFFFFF;      /* White for most elements */
    --evaly-text: #333333;       /* Text color */
    --evaly-light-text: #666666; /* Light text color */
    --evaly-border: #E1E5E9;     /* Border color */
    --evaly-hover: #1a1f2e;      /* Darker hover state */
    --evaly-blue-light: rgba(47, 84, 235, 0.1); /* Light blue background */
}

/* Remove all pink theme overrides */
body {
    background: var(--evaly-white) !important;
    background-image: none !important;
    color: var(--evaly-text) !important;
    font-family: 'Inter', 'Roboto', sans-serif !important;
}

/* ===== BUTTON OVERRIDES ===== */

/* Main Add to Cart Buttons */
.add_cart_btn,
.addcartbutton,
.cart_btn a,
.pro_btn button,
.go_cart {
    background: var(--evaly-dark) !important;
    border: 2px solid var(--evaly-dark) !important;
    color: var(--evaly-white) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(34, 40, 54, 0.15) !important;
    letter-spacing: 0.3px !important;
    background-image: none !important;
    background-color: var(--evaly-dark) !important;
}

.add_cart_btn:hover,
.addcartbutton:hover,
.cart_btn a:hover,
.pro_btn button:hover,
.go_cart:hover {
    background: var(--evaly-hover) !important;
    border-color: var(--evaly-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(34, 40, 54, 0.25) !important;
}

/* Submit Buttons */
.submit-btn,
.order_now_btn,
button[type="submit"],
input[type="submit"] {
    background: var(--evaly-dark) !important;
    border: 2px solid var(--evaly-dark) !important;
    color: var(--evaly-white) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
}

.submit-btn:hover,
.order_now_btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: var(--evaly-hover) !important;
    border-color: var(--evaly-hover) !important;
    transform: translateY(-1px) !important;
}

/* Quick View Buttons */
.quick_view_btn,
.quick_view_btn button {
    background: var(--evaly-blue) !important;
    color: var(--evaly-white) !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}

/* ===== PRODUCT CARDS ===== */

.product_item {
    background: var(--evaly-white) !important;
    border: 1px solid var(--evaly-border) !important;
    border-radius: 12px !important;
    /* padding: 12px !important; */
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.product_item:hover {
    border-color: var(--evaly-blue) !important;
    box-shadow: 0 8px 25px rgba(47, 84, 235, 0.15) !important;
    transform: translateY(-4px) !important;
}

.product_item_inner {
    border: none !important;
    background: transparent !important;
}

.product_item:hover .product_item_inner {
    border-color: transparent !important;
}

/* Product Pricing */
.pro_price p {
    color: var(--evaly-dark) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.pro_name a {
    color: var(--evaly-text) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.pro_name a:hover {
    color: var(--evaly-blue) !important;
}

/* ===== BADGES ===== */

.sale-badge-box,
.product_item_inner .sale-badge-box,
.sale-badge-inner,
.badge,
.hot-deal-badge {
    background: var(--evaly-blue) !important;
    color: var(--evaly-white) !important;
    border-radius: 26px !important;
}

.sale-badge-text,
.product_item_inner span.sale-badge-text {
    color: var(--evaly-white) !important;
    font-weight: 600 !important;
}

/* ===== INPUT FIELDS ===== */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
textarea,
.form-control,
.nice-select,
.main-search form input,
.search_keyword,
.msearch_keyword {
    background-color: var(--evaly-light) !important;
    border: 1px solid var(--evaly-border) !important;
    border-radius: 8px !important;
    color: var(--evaly-text) !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
    background-color: var(--evaly-white) !important;
    border-color: var(--evaly-blue) !important;
    box-shadow: 0 0 0 3px rgba(47, 84, 235, 0.1) !important;
    outline: none !important;
}

/* ===== HEADER STYLING ===== */

.main-header,
.header-section {
    background: var(--evaly-white) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    border-bottom: 1px solid var(--evaly-border) !important;
}

.mobile-header {
    background: var(--evaly-white) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* Search Button */
.main-search form button,
.mobile-search button {
    background: var(--evaly-dark) !important;
    color: var(--evaly-white) !important;
    border: none !important;
    border-radius: 0 8px 8px 0 !important;
    transition: all 0.3s ease !important;
}

.main-search form button:hover,
.mobile-search button:hover {
    background: var(--evaly-blue) !important;
}

/* Cart Icon Styling */
.header-list-items ul li span {
    background: var(--evaly-blue) !important;
    color: var(--evaly-white) !important;
    border-radius: 50% !important;
}

/* ===== NAVIGATION ===== */

.catagory_menu ul li a {
    color: var(--evaly-text) !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.catagory_menu ul li:hover a,
.catagory_menu ul li a:hover {
    color: var(--evaly-blue) !important;
    background: var(--evaly-blue-light) !important;
}

/* ===== FOOTER ===== */

footer,
.footer-top {
    background: var(--evaly-dark) !important;
    color: var(--evaly-white) !important;
}

.footer-menu ul li a {
    color: var(--evaly-light) !important;
    transition: all 0.3s ease !important;
}

.footer-menu ul li a:hover {
    color: var(--evaly-white) !important;
    transform: translateX(4px) !important;
}

/* ===== MOBILE FOOTER NAVIGATION ===== */

.footer_nav {
    background: var(--evaly-white) !important;
    border-top: 1px solid var(--evaly-border) !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08) !important;
}

.footer_nav ul li a {
    color: var(--evaly-text) !important;
    transition: all 0.3s ease !important;
}

.footer_nav ul li a:hover,
.footer_nav ul li.active a {
    color: var(--evaly-blue) !important;
}

/* ===== WISHLIST & QUICK VIEW ===== */

.quick_view_hard a {
    border-color: var(--evaly-border) !important;
    color: var(--evaly-text) !important;
    background: var(--evaly-white) !important;
    transition: all 0.3s ease !important;
}

.quick_view_hard a:hover {
    background: var(--evaly-blue) !important;
    border-color: var(--evaly-blue) !important;
    color: var(--evaly-white) !important;
}

/* ===== SCROLLBAR ===== */

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--evaly-light);
}

::-webkit-scrollbar-thumb {
    background: var(--evaly-blue);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--evaly-dark);
}

/* ===== MODERN CARD SHADOWS ===== */

.features,
.sidebar_item,
.auth-section .card {
    background: var(--evaly-white) !important;
    border: 1px solid var(--evaly-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
}

/* ===== OVERRIDE CUTE THEME COMPLETELY ===== */

* {
    --cute-pink: var(--evaly-text) !important;
    --soft-pink: var(--evaly-text) !important;
    --blush-pink: var(--evaly-light) !important;
    --rose-pink: var(--evaly-blue) !important;
    --powder-pink: var(--evaly-light) !important;
    --cream-pink: var(--evaly-white) !important;
    --coral-pink: var(--evaly-blue) !important;
    --baby-pink: var(--evaly-light) !important;
    --dark-pink: var(--evaly-dark) !important;
}

/* Remove all gradients and replace with solid colors */
*[style*="background: linear-gradient"],
*[style*="background-image: linear-gradient"] {
    background: var(--evaly-dark) !important;
    background-image: none !important;
}

/* ===== RESPONSIVE IMPROVEMENTS ===== */

@media (max-width: 768px) {
    .product_item {
        margin-bottom: 20px !important;
    }
    
    .add_cart_btn,
    .pro_btn button {
        padding: 10px 16px !important;
        font-size: 13px !important;
    }
    
    .main-search form input {
        padding: 10px 14px !important;
    }
}