/* Global Font Size Reduction - Applied across the entire application */

/* Base font size reduction for all elements */
html {
    font-size: 14px; /* Reduced from browser default of 16px */
}

/* Base text elements */
body, p, span, div, li, td, input, select, textarea, button, a, label {
    font-size: 0.875rem !important; /* ~14px - override any other styling */
}

/* Heading reductions */
h1, .h1 { font-size: 1.8rem !important; }
h2, .h2 { font-size: 1.6rem !important; }
h3, .h3 { font-size: 1.4rem !important; }
h4, .h4 { font-size: 1.2rem !important; }
h5, .h5 { font-size: 1.1rem !important; }
h6, .h6 { font-size: 1rem !important; }

/* Form elements */
.form-control, .btn, .input-group-text {
    font-size: 0.875rem !important;
    padding: 0.375rem 0.75rem !important;
}

/* Table elements */
.table, .table th, .table td {
    font-size: 0.875rem !important;
}

/* Navigation elements */
.navbar-brand {
    font-size: 1.25rem !important;
}

.nav-link, .dropdown-item {
    font-size: 0.8rem !important;
}

/* Card elements */
.card-header {
    font-size: 0.95rem !important;
}

.card-title {
    font-size: 1.1rem !important;
}

.card-text {
    font-size: 0.875rem !important;
}

/* Badges and labels */
.badge {
    font-size: 0.75rem !important;
}

/* Alerts and notifications */
.alert, .toast-body {
    font-size: 0.875rem !important;
}

/* Small text elements */
small, .small, .text-muted {
    font-size: 0.75rem !important;
}

/* Data tables specific overrides */
.dataTables_info, .dataTables_length, .dataTables_filter, .paginate_button {
    font-size: 0.8rem !important;
}

/* Bootstrap specific elements */
.dropdown-menu {
    font-size: 0.875rem !important;
}

.modal-title {
    font-size: 1.1rem !important;
}

.modal-body {
    font-size: 0.875rem !important;
}

/* Font Awesome icons size adjustment */
.fa, .fas, .far, .fal, .fab {
    font-size: 0.9em !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    html {
        font-size: 13px;
    }
    
    body, p, span, div, li, td, input, select, textarea, button, a {
        font-size: 0.85rem !important;
    }
    
    .nav-link {
        font-size: 0.75rem !important;
    }
}

/* Bootstrap 4 class overrides */
.display-1 { font-size: 4rem !important; }
.display-2 { font-size: 3.5rem !important; }
.display-3 { font-size: 3rem !important; }
.display-4 { font-size: 2.5rem !important; }

.lead {
    font-size: 1.1rem !important;
}

/* Fix for Bootstrap Icons */
.bi {
    font-size: inherit !important;
}