/* Thai Sarabun Font Override - แทนที่ฟอนต์ทั้งเว็บเป็น Sarabun */

/* Import Google Fonts - Sarabun */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700;800&display=swap');

/* Global font override */
* {
    font-family: 'Sarabun', sans-serif !important;
}

html {
    font-family: 'Sarabun', sans-serif !important;
}

body {
    font-family: 'Sarabun', sans-serif !important;
}

/* แก้ไขปัญหาไอคอน Font Awesome */
.fas, .far, .fab, .fa, .fal, .fad, .fat, .fass {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
}

/* Specific selectors for common icon containers */
.nav-link i,
.btn i,
.card-header i,
.page-header i,
.sidebar i,
.navbar i,
.alert i,
.breadcrumb i,
.dropdown i,
.tab-content i,
.modal i,
.tooltip i,
.popover i {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
}

/* Admin sidebar icons */
.admin-sidebar .nav-link i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 0.5rem;
}

/* Bootstrap components override */
.btn, .btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark {
    font-family: 'Sarabun', sans-serif !important;
}

.form-control, .form-select, .form-check-label, .form-label {
    font-family: 'Sarabun', sans-serif !important;
}

.nav, .nav-link, .navbar, .navbar-brand, .navbar-nav {
    font-family: 'Sarabun', sans-serif !important;
}

.dropdown-menu, .dropdown-item {
    font-family: 'Sarabun', sans-serif !important;
}

.modal, .modal-title, .modal-body, .modal-header, .modal-footer {
    font-family: 'Sarabun', sans-serif !important;
}

.card, .card-title, .card-text, .card-header, .card-body, .card-footer {
    font-family: 'Sarabun', sans-serif !important;
}

.table, .table th, .table td {
    font-family: 'Sarabun', sans-serif !important;
}

.badge, .alert, .breadcrumb, .pagination {
    font-family: 'Sarabun', sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Sarabun', sans-serif !important;
}

/* Paragraphs and text */
p, span, div, a, label, small, .text-muted {
    font-family: 'Sarabun', sans-serif !important;
}

/* Lists */
ul, ol, li {
    font-family: 'Sarabun', sans-serif !important;
}

/* Input and form elements */
input, textarea, select, option {
    font-family: 'Sarabun', sans-serif !important;
}

/* Admin specific styles */
.sidebar, .sidebar-brand, .sidebar-nav, .nav-item {
    font-family: 'Sarabun', sans-serif !important;
}

.page-header, .content-card, .content-card-header, .content-card-body {
    font-family: 'Sarabun', sans-serif !important;
}

/* Custom components */
.room-card, .booking-card, .stats-card {
    font-family: 'Sarabun', sans-serif !important;
}

/* Footer */
.footer, .footer-content, .footer-links {
    font-family: 'Sarabun', sans-serif !important;
}

/* Chart.js labels (if any) */
.chartjs-render-monitor {
    font-family: 'Sarabun', sans-serif !important;
}