/* ===============================================
   KARDERA - BOOTSTRAP OVERRIDES
   =============================================== */

/* BUTTON OVERRIDES - KARDERA PALETTE */
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
    font-weight: var(--font-weight-600) !important;
    border-radius: var(--border-radius) !important;
    padding: 0.75rem 1.5rem !important;
    transition: var(--transition) !important;
}

.btn-primary:hover {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-md) !important;
}

.btn-secondary {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    color: var(--black) !important;
    font-weight: var(--font-weight-600) !important;
}

.btn-secondary:hover {
    background-color: #D4A004 !important;
    border-color: #D4A004 !important;
    color: var(--black) !important;
}

.btn-outline-primary {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}

/* KARDERA BUTTON OVERRIDES - ENFORCE PALETTE */
.btn.btn-primary:not(.whatsapp-float),
button.btn-primary:not(.whatsapp-float),
a.btn-primary:not(.whatsapp-float),
.btn-primary:not(.whatsapp-float) {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}

.btn.btn-primary:not(.whatsapp-float):hover,
button.btn-primary:not(.whatsapp-float):hover,
a.btn-primary:not(.whatsapp-float):hover,
.btn-primary:not(.whatsapp-float):hover {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
    color: var(--white) !important;
}

.btn.btn-secondary:not(.whatsapp-float),
button.btn-secondary:not(.whatsapp-float),
a.btn-secondary:not(.whatsapp-float),
.btn-secondary:not(.whatsapp-float) {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    color: var(--black) !important;
}

.btn.btn-secondary:not(.whatsapp-float):hover,
button.btn-secondary:not(.whatsapp-float):hover,
a.btn-secondary:not(.whatsapp-float):hover,
.btn-secondary:not(.whatsapp-float):hover {
    background-color: #D4A004 !important;
    border-color: #D4A004 !important;
    color: var(--black) !important;
}

/* Ensure all buttons except WhatsApp use KARDERA colors */
.btn:not(.whatsapp-float):not(.btn-close):not(.btn-outline-secondary) {
    font-weight: var(--font-weight-600) !important;
    border-radius: var(--border-radius) !important;
    transition: var(--transition) !important;
}

/* CARD OVERRIDES */
.card {
    border: 1px solid rgba(234, 38, 65, 0.2) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: var(--transition) !important;
}

.card:hover {
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-2px) !important;
}

.card-header {
    background-color: var(--secondary) !important;
    border-bottom: 1px solid rgba(234, 38, 65, 0.2) !important;
}

/* BADGE OVERRIDES */
.badge-primary {
    background-color: var(--primary) !important;
}

.badge-secondary {
    background-color: var(--accent) !important;
    color: var(--black) !important;
}

/* ALERT OVERRIDES */
.alert-primary {
    background-color: var(--primary-10) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

.alert-warning {
    background-color: var(--accent-10) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

/* TEXT COLOR OVERRIDES */
.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--gray) !important;
}

.text-muted {
    color: var(--gray) !important;
}

/* BACKGROUND OVERRIDES */
.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-light {
    background-color: var(--background) !important;
}

/* BORDER OVERRIDES */
.border-primary {
    border-color: var(--primary) !important;
}

.border-secondary {
    border-color: var(--secondary) !important;
}

/* FORM OVERRIDES */
.form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(234, 38, 65, 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* NAVBAR OVERRIDES */
.navbar-light .navbar-nav .nav-link {
    color: var(--black) !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--primary) !important;
}

.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary) !important;
    font-weight: var(--font-weight-600) !important;
}

/* PAGINATION OVERRIDES */
.page-link {
    color: var(--primary) !important;
}

.page-link:hover {
    color: var(--dark) !important;
    background-color: var(--secondary) !important;
    border-color: var(--primary) !important;
}

.page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}