/* Ancestral Flame Therapeutics - Theme Styles */
.bg-theme-black {
    background-color: #0c0c0c; /* A deep, rich black */
}

/* Navbar & Footer Link Colors */
.theme-nav-link,
.theme-footer-link {
    color: #000000 !important;
    transition: color 0.3s ease-in-out;
}

    /* Warm Gold Hover Effect */
    .theme-nav-link:hover,
    .theme-nav-link:focus,
    .theme-footer-link:hover {
        color: #D4AF37 !important; /* Metallic Gold */
    }

/* Dropdown Customization */
.theme-dropdown-menu {
    background-color: #1a1a1a;
    border: 1px solid #333;
}

.theme-dropdown-item {
    color: #ffffff !important;
    transition: all 0.2s ease-in-out;
}

    .theme-dropdown-item:hover {
        background-color: #000000;
        color: #D4AF37 !important;
    }

/* Gold Accents for text */
.text-gold {
    color: #D4AF37;
}

/* Smooth transition for the color change */
.cart-icon-wrapper {
    transition: color 0.3s ease-in-out;
}

/* The dynamic Orange-Red state for 1+ items */
.active-fire-cart {
    color: #FF4500 !important; /* Orange-Red */
}

/* Ensure the Gold hover effect still overrides the Orange-Red when the user interacts with it */
.theme-nav-link:hover .active-fire-cart,
.theme-nav-link:focus .active-fire-cart {
    color: #D4AF37 !important;
}

/* Force the Gold fill and border when checked */
.form-check-input:checked {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

/* Subtle gold glow when clicking or tabbing to the checkbox */
.form-check-input:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important;
}

/* Prevents the default blue flash when actively clicking down */
.form-check-input:active {
    filter: brightness(90%);
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

/* Make the checkbox slightly larger and easier to click */
.addon-checkbox {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}