/* Evaly Ultra Override - Final authority on all styling */
/* This CSS uses maximum specificity to override everything */

/* ===== ULTRA HIGH SPECIFICITY BUTTON OVERRIDES ===== */

/* Target every possible button selector with maximum specificity */
html body .container button,
html body .container .btn,
html body .container input[type="submit"],
html body .container input[type="button"],
html body .container .addcartbutton,
html body .container .cart_btn a,
html body .container .order_button a,
html body .container .pro_btn button,
html body .container .go_cart,
html body .container form button[type="submit"],
html body .product_item .pro_btn button,
html body .product_item_inner .pro_btn button,
html body .wist_item .pro_btn button,
html body div.pro_btn button,
html body div.cart_btn a,
html body div.order_button a,
html body .homeproduct .pro_btn button,
html body .evaly-price-filter-btn {
    background: #222836 !important;
    background-image: none !important;
    background-color: #222836 !important;
    color: #ffffff !important;
    border: 2px solid #222836 !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(34, 40, 54, 0.15) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    cursor: pointer !important;
}

/* Ultra specific hover states */
html body .container button:hover,
html body .container .btn:hover,
html body .container input[type="submit"]:hover,
html body .container input[type="button"]:hover,
html body .container .addcartbutton:hover,
html body .container .cart_btn a:hover,
html body .container .order_button a:hover,
html body .container .pro_btn button:hover,
html body .container .go_cart:hover,
html body .container form button[type="submit"]:hover,
html body .product_item .pro_btn button:hover,
html body .product_item_inner .pro_btn button:hover,
html body .wist_item .pro_btn button:hover,
html body div.pro_btn button:hover,
html body div.cart_btn a:hover,
html body div.order_button a:hover,
html body .homeproduct .pro_btn button:hover,
html body .evaly-price-filter-btn:hover {
    background: #1a1f2e !important;
    background-image: none !important;
    background-color: #1a1f2e !important;
    border-color: #1a1f2e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(34, 40, 54, 0.25) !important;
    color: #ffffff !important;
}

/* Ultra specific focus states */
html body .container button:focus,
html body .container .btn:focus,
html body .container input[type="submit"]:focus,
html body .container input[type="button"]:focus,
html body .container .addcartbutton:focus,
html body .container .cart_btn a:focus,
html body .container .order_button a:focus,
html body .container .pro_btn button:focus,
html body .container .go_cart:focus,
html body .evaly-price-filter-btn:focus {
    background: #222836 !important;
    background-image: none !important;
    background-color: #222836 !important;
    /* border-color: #2F54EB !important; */
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(47, 84, 235, 0.2) !important;
    color: #ffffff !important;
}

/* ===== PRODUCT CARD OVERRIDES ===== */

html body .product_item,
html body .product_item_inner,
html body .wist_item {
    background: #ffffff !important;
    border: 1px solid #E6ECF2 !important;
    border-radius: 12px !important;
    /* padding: 12px !important; */
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

html body .product_item:hover,
html body .product_item_inner:hover,
html body .wist_item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(47, 84, 235, 0.1) !important;
    border-color: #2F54EB !important;
}

/* ===== BADGE OVERRIDES ===== */

html body .badge,
html body .discount-badge,
html body .sale-badge,
html body .sale-badge-text {
    background: #2F54EB !important;
    background-image: none !important;
    background-color: #2F54EB !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    border: none !important;
}

/* ===== INPUT FIELD OVERRIDES ===== */

html body input[type="text"],
html body input[type="email"],
html body input[type="password"],
html body input[type="number"],
html body select,
html body textarea,
html body .form-control {
    background: #E6ECF2 !important;
    background-image: none !important;
    background-color: #E6ECF2 !important;
    border: 1px solid #E6ECF2 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    color: #222836 !important;
    transition: all 0.3s ease !important;
}

html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="password"]:focus,
html body input[type="number"]:focus,
html body select:focus,
html body textarea:focus,
html body .form-control:focus {
    background: #ffffff !important;
    background-image: none !important;
    background-color: #ffffff !important;
    border-color: #2F54EB !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(47, 84, 235, 0.1) !important;
}

/* ===== HEADER/NAVIGATION OVERRIDES ===== */

html body .header,
html body .navbar,
html body .navigation {
    background: #ffffff !important;
    background-image: none !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #E6ECF2 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

/* ===== REMOVE ALL PINK GRADIENTS ===== */

html body *[style*="linear-gradient"]:not(.keep-gradient),
html body *[style*="#FFB6C1"],
html body *[style*="#FF69B4"],
html body *[style*="#FFB6C1"],
html body *[style*="rgb(255, 182, 193)"],
html body *[style*="rgb(255, 105, 180)"] {
    background: #222836 !important;
    background-image: none !important;
    background-color: #222836 !important;
    color: #ffffff !important;
}

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

html body .quantity button,
html body .quantity .minus,
html body .quantity .plus,
html body .cart_increment,
html body .cart_decrement {
    background: #222836 !important;
    background-image: none !important;
    background-color: #222836 !important;
    color: #ffffff !important;
    border: 1px solid #222836 !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
}

html body .quantity button:hover,
html body .quantity .minus:hover,
html body .quantity .plus:hover,
html body .cart_increment:hover,
html body .cart_decrement:hover {
    background: #1a1f2e !important;
    background-color: #1a1f2e !important;
    border-color: #1a1f2e !important;
    transform: scale(1.1) !important;
}

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

html body .cart_remove,
html body .remove-cart {
    background: #dc3545 !important;
    background-image: none !important;
    background-color: #dc3545 !important;
    color: #ffffff !important;
    border: 1px solid #dc3545 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    transition: all 0.3s ease !important;
}

html body .cart_remove:hover,
html body .remove-cart:hover {
    background: #c82333 !important;
    background-color: #c82333 !important;
    border-color: #c82333 !important;
    transform: scale(1.05) !important;
}

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

html body .search-submit,
html body .search-btn {
    background: #2F54EB !important;
    background-image: none !important;
    background-color: #2F54EB !important;
    color: #ffffff !important;
    border: 1px solid #2F54EB !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
}

html body .search-submit:hover,
html body .search-btn:hover {
    background: #1e3ad1 !important;
    background-color: #1e3ad1 !important;
    border-color: #1e3ad1 !important;
}

/* ===== ANIMATIONS ===== */

@keyframes evaly-slide-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html body .product_item,
html body .product_item_inner {
    animation: evaly-slide-up 0.6s ease-out !important;
}

/* ===== RESPONSIVE OVERRIDES ===== */

@media (max-width: 768px) {
    html body .container button,
    html body .container .btn,
    html body .container .addcartbutton,
    html body .container .cart_btn a,
    html body .container .order_button a,
    html body .container .pro_btn button {
        padding: 10px 16px !important;
        font-size: 13px !important;
        min-height: 40px !important;
    }
}

@media (max-width: 480px) {
    html body .container button,
    html body .container .btn,
    html body .container .addcartbutton,
    html body .container .cart_btn a,
    html body .container .order_button a,
    html body .container .pro_btn button {
        padding: 8px 12px !important;
        font-size: 12px !important;
        min-height: 36px !important;
    }
}

/* ===== FINAL CATCH-ALL OVERRIDES ===== */

/* Remove any remaining pink/cute theme colors */
html body *:not(.keep-original) {
    background-image: none !important;
}

/* Ensure all text is readable */
html body .pro_price p,
html body .product-price,
html body .price {
    color: #222836 !important;
    font-weight: 600 !important;
}

/* Product name links */
html body .pro_name a,
html body .product-name a {
    color: #222836 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

html body .pro_name a:hover,
html body .product-name a:hover {
    color: #2F54EB !important;
}

/* Ensure proper z-index for dropdowns and modals */
html body .dropdown-menu,
html body .modal {
    z-index: 9999 !important;
}