/* Valentine's Theme Overrides */

:root {
    --primary: #e0004d !important; /* Deep Pink/Red */
    --blue: #e0004d !important;    /* Replacing Blue with Red */
    --yellow: #e0004d !important;  /* Replacing Yellow with Red */
    --secondary: #ff99bb !important; /* Light Pink */
}

/* Button Overrides - Make them "Heart-like" */
.btn-warning {
    background-color: #e0004d !important;
    border-color: #e0004d !important;
    color: #fff !important;
    border-radius: 50px !important; /* Rounded pill shape */
}

.btn-warning:hover {
    background-color: #b3003d !important;
    border-color: #b3003d !important;
}

.btn-primary {
    background-color: #e0004d !important;
    border-color: #e0004d !important;
}

/* Icon Replacements - Add to Cart becomes Heart */
.ec-add-to-cart:before,
.ec-shopping-bag:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f004" !important; /* Heart Icon */
}

/* Make icons pulse slightly */
.ec-add-to-cart, .ec-shopping-bag {
    color: #fff !important;
    display: inline-block;
    animation: heartbeat 1.5s infinite;
}

/* Ensure the icon inside the button is white and visible */
.btn-warning .ec-add-to-cart {
    color: #fff !important;
}

@keyframes heartbeat {
    0% { transform: scale(1); }
    14% { transform: scale(1.3); }
    28% { transform: scale(1); }
    42% { transform: scale(1.3); }
    70% { transform: scale(1); }
}

/* Additional Color Overrides for Text */
.text-primary {
    color: #e0004d !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #b3003d !important;
}

/* Text Blue Override */
.text-blue {
    color: #e0004d !important;
}

.text-blue[href]:hover {
    color: #b3003d !important;
}

/* Header Accents */
.u-header__navbar-nav .u-header__nav-link.active, 
.u-header__navbar-nav .u-header__nav-link:hover {
    color: #e0004d !important;
}

/* Search Box Overrides */
.header-content .searchbox .result-ajax-search {
    border-top: 2px solid #e0004d !important;
}

.searchbox .result-ajax-search ul li .search-item-title {
    color: #e0004d !important;
}

.searchbox .result-ajax-search ul li .search-item-title .marked {
    color: #e0004d !important;
}

/* Rating Stars */
.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > input.radio-btn:checked ~ label:before {
    color: #e0004d !important;
}

/* Links Hover */
a .text-dark .over_yelloy:hover {
    color: #e0004d !important;
}

/* General Link Hover if blue */
a:hover {
    color: #e0004d;
}

/* Scrollbar Thumb */
#scrolling-wrapper::-webkit-scrollbar-thumb {
    background: #e0004d !important;
}

/* Track Steps (Checkout) */
.track .step.active:before {
    background: #e0004d !important;
}
.track .step.active .icon {
    background: #e0004d !important;
    color: #fff !important;
}

/* Specific Header Backgrounds that might be blue */
.u-header--navbar-bg {
    background-color: #e0004d !important;
}

/* --- Deep Search Overrides --- */

/* Background Primary */
.bg-primary {
    background-color: #e0004d !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #b3003d !important;
}

/* Border Primary */
.border-primary {
    border-color: #e0004d !important;
}

/* Text Primary Darken */
.text-primary-darken-5 {
    color: #e0004d !important;
}

/* Background Primary Down LG */
@media (max-width: 1199.98px) {
  .bg-primary-down-lg {
    background-color: #e0004d !important;
  }
}

/* Background Primary On Hover */
.bg-primary-on-hover:hover {
  border-color: #e0004d !important;
  background-color: #e0004d !important;
}

/* Button Primary Hover/Focus/Active */
.btn-primary:hover {
    background-color: #b3003d !important;
    border-color: #b3003d !important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(224, 0, 77, 0.5) !important; /* Pink shadow */
}

.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: #b3003d !important;
    border-color: #b3003d !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(224, 0, 77, 0.5) !important;
}

/* Searchbox Button Primary Override (from app.blade.php styles) */
.searchbox .btn-primary {
    background-color: #e0004d !important;
}

.searchbox .btn-primary:hover {
    background-color: #b3003d !important;
}

/* Searchbox Input Group Focus (from app.blade.php styles) */
.searchbox .input-group:focus-within {
    box-shadow: 0 10px 30px rgba(224, 0, 77, 0.1) !important;
    border-color: #e0004d !important;
}

/* Header Topbar Links (from app.blade.php styles) */
.u-header-topbar a:hover,
.u-header-topbar .text-primary {
     color: #e0004d !important;
}

.u-header__navbar-brand h3 .text-primary {
    color: #e0004d !important;
}

/* Nav Links Hover (from app.blade.php styles) */
.u-header__nav-link:hover {
    color: #e0004d !important;
}

/* Header Icons Hover (from app.blade.php styles) */
a:hover .ec-compare, a:hover .ec-favorites, a:hover .ec-user, a:hover .ec-shopping-bag {
    color: #e0004d !important;
}