/* VersePortal Custom AdminLTE Styles */
/* Ubuntu Font Integration */

/* Import Saira and Ubuntu Fonts */
@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* Ensure FontAwesome Icons Load Properly */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
@import url('../vendor/fontawesome-free/css/all.min.css');

/* Fix FontAwesome Icon Display Issues */
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../vendor/fontawesome-free/webfonts/fa-regular-400.eot");
    src: url("../vendor/fontawesome-free/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
         url("../vendor/fontawesome-free/webfonts/fa-regular-400.woff2") format("woff2"),
         url("../vendor/fontawesome-free/webfonts/fa-regular-400.woff") format("woff"),
         url("../vendor/fontawesome-free/webfonts/fa-regular-400.ttf") format("truetype"),
         url("../vendor/fontawesome-free/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../vendor/fontawesome-free/webfonts/fa-solid-900.eot");
    src: url("../vendor/fontawesome-free/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
         url("../vendor/fontawesome-free/webfonts/fa-solid-900.woff2") format("woff2"),
         url("../vendor/fontawesome-free/webfonts/fa-solid-900.woff") format("woff"),
         url("../vendor/fontawesome-free/webfonts/fa-solid-900.ttf") format("truetype"),
         url("../vendor/fontawesome-free/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../vendor/fontawesome-free/webfonts/fa-brands-400.eot");
    src: url("../vendor/fontawesome-free/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
         url("../vendor/fontawesome-free/webfonts/fa-brands-400.woff2") format("woff2"),
         url("../vendor/fontawesome-free/webfonts/fa-brands-400.woff") format("woff"),
         url("../vendor/fontawesome-free/webfonts/fa-brands-400.ttf") format("truetype"),
         url("../vendor/fontawesome-free/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

/* FontAwesome Base Classes */
.fa, .fas, .far, .fal, .fad, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* FontAwesome Solid Icons - Support both v5 and v6 */
.fa, .fas {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900;
}

/* FontAwesome Regular Icons - Support both v5 and v6 */
.far {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 400;
}

/* FontAwesome Brand Icons - Support both v5 and v6 */
.fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
    font-weight: 400;
}

/* Ensure icons are visible and properly sized */
.fas, .far, .fab, .fal {
    min-width: 1em;
    text-align: center;
}

/* Comprehensive FontAwesome Icon Fixes */
/* Authentication Icons */
.fa-envelope:before { content: "\f0e0"; }
.fa-lock:before { content: "\f023"; }
.fa-user:before { content: "\f007"; }
.fa-sign-in-alt:before { content: "\f2f6"; }

/* Dashboard Icons */
.fa-users:before { content: "\f0c0"; }
.fa-chalkboard-teacher:before { content: "\f51c"; }
.fa-user-graduate:before { content: "\f501"; }
.fa-book:before { content: "\f02d"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-user-plus:before { content: "\f234"; }
.fa-book-open:before { content: "\f518"; }
.fa-tags:before { content: "\f02c"; }
.fa-cog:before { content: "\f013"; }
.fa-check-circle:before { content: "\f058"; }

/* Navigation Icons */
.fa-tachometer-alt:before { content: "\f3fd"; }
.fa-user-friends:before { content: "\f500"; }
.fa-graduation-cap:before { content: "\f19d"; }
.fa-user-tie:before { content: "\f508"; }
.fa-student:before { content: "\f501"; }
.fa-chalkboard:before { content: "\f51b"; }
.fa-list:before { content: "\f03a"; }
.fa-star:before { content: "\f005"; }
.fa-image:before { content: "\f03e"; }
.fa-comments:before { content: "\f086"; }
.fa-users-cog:before { content: "\f509"; }
.fa-file-alt:before { content: "\f15c"; }
.fa-language:before { content: "\f1ab"; }
.fa-cogs:before { content: "\f085"; }

/* Table Action Icons */
.fa-edit:before { content: "\f044"; }
.fa-trash:before { content: "\f1f8"; }
.fa-eye:before { content: "\f06e"; }
.fa-plus:before { content: "\f067"; }
.fa-search:before { content: "\f002"; }
.fa-download:before { content: "\f019"; }
.fa-print:before { content: "\f02f"; }
.fa-file-excel:before { content: "\f1c3"; }
.fa-file-pdf:before { content: "\f1c1"; }
.fa-filter:before { content: "\f0b0"; }

/* Form Icons */
.fa-save:before { content: "\f0c7"; }
.fa-times:before { content: "\f00d"; }
.fa-check:before { content: "\f00c"; }
.fa-upload:before { content: "\f093"; }

/* Status Icons */
.fa-circle:before { content: "\f111"; }
.fa-dot-circle:before { content: "\f192"; }
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-info-circle:before { content: "\f05a"; }

/* JavaScript Fallback for FontAwesome Loading */
/* This will be executed via inline script in AdminLTE layout */

/* Apply Saira font globally with Ubuntu as fallback */
* {
    font-family: 'Saira', 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Specific AdminLTE elements */
body {
    font-family: 'Saira', 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
    line-height: 1.6;
}

/* Headers */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 500;
}

/* Brand/Logo */
.brand-text {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 700;
}

/* Navigation */
.main-sidebar .nav-link,
.navbar-nav .nav-link {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
}

/* Cards */
.card-title {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 500;
}

/* Buttons */
.btn {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
}

/* Forms */
.form-control,
.form-select,
input,
textarea,
select {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
}

/* Labels */
label,
.form-label {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 500;
}

/* Tables */
.table {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

.table th {
    font-weight: 500;
}

.table td {
    font-weight: 400;
}

/* DataTables */
.dataTables_wrapper {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Breadcrumbs */
.breadcrumb {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
}

/* Alerts */
.alert {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
}

/* Badges */
.badge {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 500;
}

/* Sidebar menu */
.nav-sidebar .nav-link {
    font-weight: 400;
}

.nav-sidebar .nav-link.active {
    font-weight: 500;
}

/* Content header */
.content-header h1 {
    font-weight: 500;
}

/* Small boxes (dashboard widgets) */
.small-box h3 {
    font-weight: 700;
}

.small-box p {
    font-weight: 400;
}

/* Login/Auth pages */
.login-page,
.register-page {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

.login-card-body,
.register-card-body {
    font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Custom VersePortal enhancements */
.brand-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.content-wrapper {
    background-color: #f8f9fa;
}

/* Improve readability */
.card-body {
    line-height: 1.6;
}

/* Custom button styles with Ubuntu font */
.btn-primary {
    font-weight: 500;
}

.btn-success {
    font-weight: 500;
}

.btn-danger {
    font-weight: 500;
}

.btn-warning {
    font-weight: 500;
}

.btn-info {
    font-weight: 500;
}

/* DataTables custom styling */
.dataTables_info,
.dataTables_paginate {
    font-size: 0.875rem;
    font-weight: 400;
}

.page-link {
    font-weight: 400;
}

/* Responsive font sizes */
@media (max-width: 768px) {
    body {
        font-size: 0.875rem;
    }
    
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }
    h4 { font-size: 1.1rem; }
    h5 { font-size: 1rem; }
    h6 { font-size: 0.875rem; }
}