/* ===== BOOTSTRAP THEME OVERRIDE ===== */
/* Force Bootstrap components to use our theme variables */

/* Forms */
.form-control,
.form-select {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

.form-control:focus,
.form-select:focus {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.form-control::placeholder {
    color: var(--text-tertiary) !important;
}

.form-control:disabled {
    background-color: var(--bg-tertiary) !important;
    opacity: 0.6;
}

/* Bootstrap Buttons (override solo se non usa nostri componenti) */
.btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-secondary) {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

/* Bootstrap Tables */
.table {
    color: var(--text-primary) !important;
    background-color: var(--bg-primary) !important;
}

.table thead th {
    background-color: var(--table-header-bg) !important;
    color: var(--text-secondary) !important;
    border-color: var(--table-border) !important;
}

.table tbody td {
    color: var(--text-primary) !important;
    border-color: var(--table-border) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--bg-secondary) !important;
}

.table-hover tbody tr:hover {
    background-color: var(--table-row-hover) !important;
}

/* Bootstrap Modals */
.modal-content {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

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

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

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Bootstrap Dropdowns */
.dropdown-menu {
    background-color: var(--card-bg) !important;
    border-color: var(--border-primary) !important;
}

.dropdown-item {
    color: var(--text-primary) !important;
}

.dropdown-item:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

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

/* Bootstrap Alerts */
.alert {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

/* Alert variants with proper theming */
.alert-success {
    background-color: var(--color-success-light) !important;
    border-color: var(--color-success) !important;
    color: var(--color-success) !important;
    border-left: 4px solid var(--color-success) !important;
}

.alert-info {
    background-color: var(--color-info-light) !important;
    border-color: var(--color-info) !important;
    color: var(--color-info) !important;
    border-left: 4px solid var(--color-info) !important;
}

.alert-warning {
    background-color: var(--color-warning-light) !important;
    border-color: var(--color-warning) !important;
    color: var(--color-warning) !important;
    border-left: 4px solid var(--color-warning) !important;
}

.alert-danger {
    background-color: var(--color-danger-light) !important;
    border-color: var(--color-danger) !important;
    color: var(--color-danger) !important;
    border-left: 4px solid var(--color-danger) !important;
}

/* Alert icons and strong text */
.alert i,
.alert strong {
    color: inherit !important;
}

/* Bootstrap Cards */
.card {
    background-color: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

.card-header,
.card-footer {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-secondary) !important;
}

.card-body {
    color: var(--text-primary) !important;
}

/* Bootstrap Pagination */
.pagination .page-link {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.pagination .page-link:hover {
    background-color: var(--bg-hover) !important;
    border-color: var(--border-hover) !important;
}

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

/* Bootstrap Navbar */
.navbar {
    background-color: var(--bg-primary) !important;
    border-color: var(--border-primary) !important;
}

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

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

/* Bootstrap Breadcrumb */
.breadcrumb {
    background-color: var(--bg-secondary) !important;
}

.breadcrumb-item,
.breadcrumb-item a {
    color: var(--text-primary) !important;
}

.breadcrumb-item.active {
    color: var(--text-secondary) !important;
}

/* Bootstrap List Group */
.list-group-item {
    background-color: var(--bg-primary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.list-group-item:hover {
    background-color: var(--bg-hover) !important;
}

/* Bootstrap Progress */
.progress {
    background-color: var(--bg-tertiary) !important;
}

/* Bootstrap Tooltips & Popovers */
.tooltip-inner {
    background-color: var(--text-primary) !important;
    color: var(--bg-primary) !important;
}

.popover {
    background-color: var(--card-bg) !important;
    border-color: var(--border-primary) !important;
}

.popover-header {
    background-color: var(--bg-secondary) !important;
    border-bottom-color: var(--border-secondary) !important;
    color: var(--text-primary) !important;
}

.popover-body {
    color: var(--text-primary) !important;
}

/* Bootstrap Accordion */
.accordion-item {
    background-color: var(--card-bg) !important;
    border-color: var(--border-primary) !important;
}

.accordion-button {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--bg-tertiary) !important;
    color: var(--color-primary) !important;
}

.accordion-body {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}