.navbar-dark {
    background-color: #dc3545; /* Red background */
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-text,
.navbar-dark .navbar-nav .nav-link {
    color: #fff; /* White text */
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #fff; /* White on hover/focus */
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); /* Faded white */
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: #fff;
    border-color: transparent;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 20 15' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 0H0V1.75561H20V0Z' fill='%23fff'/%3e%3cpath d='M20 6.5685H0V8.32412H20V6.5685Z' fill='%23fff'/%3e%3cpath d='M20 13.2437H0V15H20V13.2437Z' fill='%23fff'/%3e%3c/svg%3e");
}
/* Promo banner */

.badge-dark {
    background-color: #dc3545 !important;
    color: #fff !important;
}
/* wish list heart*/
.wishlist-heart {
    color: #bebebe !important;
    transition: color 0.3s ease;
}

.wishlist-heart:hover {
    color: #dc3545 !important; /* Slightly darker red */
}
/* product card */
.product-card:hover {
    border-color: #dc3545;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* Button */
.btn-dark {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-dark:hover {
    color: #fff;
    background-color: #c82333; /* darker red on hover */
    border-color: #bd2130;
}

.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #a71d2a;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

/* Button outline dark */
.btn-outline-dark {
    color: #dc3545;
    border-color: #dc3545;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); /* red glow */
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #dc3545;
    background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

/* background */
.bg-dark {
    background-color: #dc3545 !important;
    color: #fff;
}

.bg-pink {
    background-color: rgba(239, 151, 160, 0.2) !important;
}

/* product filters */

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #dc3545; /* Red background for tick */
    border-color: #dc3545;
}
/* Remove border from unselected radio */
.custom-radio .custom-control-label::before {
    border: none !important;
}

/* Make selected radio solid red */
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #dc3545 !important;
}

/* Larger white center dot */
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='-5 -5 10 10'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e") !important;
}