/* 
 * Custom Color Theme for User-Facing Pages
 * Inspired by vibrant pink and yellow color scheme
 */

:root {
    /* Primary Color - Vibrant Pink/Magenta */
    --bs-primary: #E91E63;
    --bs-primary-rgb: 233, 30, 99;
    
    /* Secondary Color - Bright Yellow */
    --bs-secondary: #FFD700;
    --bs-secondary-rgb: 255, 215, 0;
    
    /* Additional accent colors */
    --accent-pink: #FF1493;
    --accent-yellow: #FFEB3B;
}

/* Override Bootstrap primary color classes */
.text-primary {
    color: #E91E63 !important;
}

.bg-primary {
    background-color: #E91E63 !important;
}

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

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #C2185B !important;
    border-color: #C2185B !important;
}

.border-primary {
    border-color: #E91E63 !important;
}

/* Override Bootstrap secondary color classes */
.text-secondary {
    color: #FFD700 !important;
}

.bg-secondary {
    background-color: #FFD700 !important;
}

.btn-secondary {
    background-color: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #333 !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #FFC107 !important;
    border-color: #FFC107 !important;
}

.border-secondary {
    border-color: #FFD700 !important;
}

/* Navbar and navigation elements */
.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #E91E63 !important;
}

/* Buttons and interactive elements */
.btn-outline-primary {
    color: #E91E63 !important;
    border-color: #E91E63 !important;
}

.btn-outline-primary:hover {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
    color: #fff !important;
}

/* Add to cart buttons */
.btn.border-primary {
    color: #E91E63 !important;
    border-color: #E91E63 !important;
}

.btn.border-primary:hover {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
    color: #fff !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background-color: #C2185B !important;
    border-color: #C2185B !important;
}

/* Browse Menu button and similar */
.bg-success,
.btn-success {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
}

.bg-success:hover,
.btn-success:hover {
    background-color: #C2185B !important;
    border-color: #C2185B !important;
}

/* Links */
a {
    color: #E91E63;
}

a:hover {
    color: #C2185B;
}

/* Form controls focus state */
.form-control:focus,
.form-select:focus {
    border-color: #E91E63 !important;
    box-shadow: 0 0 0 0.25rem rgba(233, 30, 99, 0.25) !important;
}

/* Badges */
.badge.bg-primary {
    background-color: #E91E63 !important;
}

.badge.bg-secondary {
    background-color: #FFD700 !important;
    color: #333 !important;
}

/* Alerts */
.alert-primary {
    background-color: rgba(233, 30, 99, 0.1) !important;
    border-color: #E91E63 !important;
    color: #C2185B !important;
}

/* Pagination */
.pagination .page-link {
    color: #E91E63;
}

.pagination .page-link:hover {
    background-color: #E91E63;
    border-color: #E91E63;
    color: #fff;
}

.pagination .page-item.active .page-link {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
}

/* Progress bars */
.progress-bar {
    background-color: #E91E63 !important;
}

/* Spinner */
.spinner-grow.text-primary,
.spinner-border.text-primary {
    color: #E91E63 !important;
}

/* Back to top button */
.back-to-top {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
    color: #fff !important;
}

.back-to-top:hover {
    background-color: #C2185B !important;
    border-color: #C2185B !important;
    color: #fff !important;
}

.back-to-top i {
    color: #fff !important;
}

/* Custom product/menu item cards */
.card:hover {
    border-color: #E91E63 !important;
}

/* Price tags and special offers */
.price,
.offer-badge {
    color: #E91E63 !important;
}

/* Shopping cart and checkout elements */
.cart-badge {
    background-color: #E91E63 !important;
}

/* Category badges */
.category-badge {
    background-color: #FFD700 !important;
    color: #333 !important;
}

/* Fruite item buttons - specific for menu pages */
.fruite-item .btn.border-primary,
.fruite-item .btn.border-secondary {
    transition: all 0.3s ease !important;
}

.fruite-item .btn.border-primary:hover,
.btn.border-primary.rounded-pill:hover,
button.btn.border-primary:hover {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
    color: #fff !important;
}

.fruite-item .btn.border-secondary:hover {
    background-color: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #333 !important;
}

/* Override any default button hover that might be green */
.btn:hover,
.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Specific override for buttons with border-primary class */
button.border-primary:hover,
a.border-primary:hover,
.border-primary:hover {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
    color: #fff !important;
}

/* Nav pills - category tabs styling */
.nav-pills .nav-link {
    background-color: #fff !important;
    color: #FFD700 !important;
    border: 2px solid #FFD700 !important;
    font-weight: 600 !important;
}

.nav-pills .nav-link:hover {
    background-color: #FFD700 !important;
    color: #333 !important;
    font-weight: 700 !important;
}

.nav-pills .nav-link.active {
    background-color: #FFD700 !important;
    color: #333 !important;
    font-weight: 700 !important;
    border-color: #FFD700 !important;
}

/* Subcategory filter buttons */
.filter-subcategory {
    background-color: #fff !important;
    color: #E91E63 !important;
    border: 2px solid #E91E63 !important;
}

.filter-subcategory:hover {
    background-color: #E91E63 !important;
    color: #fff !important;
}

.filter-subcategory.active {
    background-color: #E91E63 !important;
    color: #fff !important;
    border-color: #E91E63 !important;
}

/* Text color for primary buttons */
.text-primary {
    color: #E91E63 !important;
}

/* Border colors */
.border-primary {
    border-color: #E91E63 !important;
}

.border-secondary {
    border-color: #FFD700 !important;
}


/* Checkbox styling - Terms and Conditions */
.form-check-input {
    border-color: #E91E63 !important;
}

.form-check-input:checked {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
}

.form-check-input:focus {
    border-color: #E91E63 !important;
    box-shadow: 0 0 0 0.25rem rgba(233, 30, 99, 0.25) !important;
}

/* Custom checkbox for terms and conditions */
input[type="checkbox"] {
    accent-color: #E91E63 !important;
}

input[type="checkbox"]:checked {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
}


/* Footer styling */
.footer {
    background-color: #000000 !important;
}

.footer .bg-dark {
    background-color: #000000 !important;
}

.copyright {
    background-color: #000000 !important;
}

.copyright.bg-dark {
    background-color: #000000 !important;
}