/**
 * Global CSS overrides, loaded last among the core stylesheets.
 *
 * variables.css/base.css/components.css/tables.css/dark-mode.css used to be @import'd from here,
 * but an @import'd file has no cache-busting query string of its own - includes/layout/page.php
 * now links each of them (plus this file) directly instead, each with its own filemtime-versioned
 * ?v=, so an edit to any one of them can't get silently stuck behind a stale browser cache. This
 * file now only holds the app-wide override rules below; it no longer needs to declare the load
 * order for the others (page.php's own array does that).
 */

/* === ADDITIONAL FRAMEWORK SUPPORT === */
/* Bootstrap CSS should be loaded before this file */
/* Font Awesome should be loaded before this file */

/**
 * Page-specific CSS files should be loaded separately:
 * 
 * Dashboard page (main_index.php):
 * <link rel="stylesheet" href="assets/css/pages/dashboard.css">
 * 
 * Login page (login.php):
 * <link rel="stylesheet" href="assets/css/pages/login.css">
 * 
 * FORI Weekly DataTable (index.php):
 * <link rel="stylesheet" href="assets/css/pages/fori.css">
 * 
 * Room Management (rooms_view.php):
 * <link rel="stylesheet" href="assets/css/pages/rooms.css">
 * 
 * Weekly Function Schedule (weekly_function_schedule.php):
 * <link rel="stylesheet" href="assets/css/pages/schedule.css">
 */

/* === GLOBAL OVERRIDES === */
/* Override Bootstrap defaults where necessary */

.container {
    max-width: 1400px !important;
}

/* DataTables Bootstrap integration fixes */
.table.dataTable.table-striped tbody tr.odd {
    background-color: var(--table-odd-row) !important;
}

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

/* Bootstrap modal z-index adjustment */
.modal {
    z-index: var(--z-modal) !important;
}

.modal-backdrop {
    z-index: var(--z-modal-backdrop) !important;
}

/* Ensure tooltips appear above modals */
.tooltip {
    z-index: var(--z-tooltip) !important;
}

/* Fix Bootstrap button focus states */
.btn:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

/* === PRINT STYLES === */
@media print {
    .nav-card,
    .btn,
    .spinner-container,
    .filter-section {
        display: none !important;
    }
    
    .card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
    
    .table {
        font-size: 0.8rem !important;
    }
    
    body {
        background-color: white !important;
    }
}