﻿/* ============================================
   Vietnamese Font Support - carrentalmvc
   ============================================ */

/* Font Awesome icons should NOT inherit Vietnamese fonts */
.fa, .fas, .far, .fal, .fab, 
[class^="fa-"], [class*=" fa-"],
i[class^="fa"], i[class*=" fa"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", FontAwesome !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Body and HTML - Vietnamese support */
body, html {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Tahoma', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    background-color: #fff;
    -webkit-font-feature-settings: "liga", "kern";
    font-feature-settings: "liga", "kern";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Headers - Vietnamese support */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Tahoma', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 600;
    line-height: 1.2;
    color: #212529;
}

/* Text elements - Vietnamese support */
p, span, div, a, label, small, 
td, th, li, dt, dd, 
input, textarea, select, button,
.btn, .form-control, .form-select, .form-label,
.alert, .card-title, .card-text, .card-body,
.nav-link, .dropdown-item, .badge,
.text-muted, .text-primary, .text-success, .text-danger, .text-warning, .text-info {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Tahoma', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Override for Font Awesome elements - Higher specificity */
i.fa, i.fas, i.far, i.fal, i.fab,
span.fa, span.fas, span.far, span.fal, span.fab,
i[class^="fa-"], i[class*=" fa-"],
span[class^="fa-"], span[class*=" fa-"],
.fa, .fas, .far, .fal, .fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", FontAwesome !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

/* Navigation elements */
.navbar-brand,
.navbar-nav .nav-link,
.dropdown-menu .dropdown-item {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Tahoma', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Form elements */
input[type="text"],
input[type="email"], 
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea,
select {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Tahoma', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Bootstrap components */
.table th,
.table td {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Tahoma', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
    vertical-align: middle;
}

/* Specific Vietnamese characters - Ensure proper rendering */
.vietnamese-text {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Tahoma', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
    unicode-bidi: embed;
    direction: ltr;
}

/* Force font for common Vietnamese content */
[lang="vi"],
[lang="vi-VN"] {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Tahoma', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Specific fixes for common Vietnamese issues */
.success-message,
.rental-info,
.timeline-content,
.alert-heading,
.page-title,
.card-header h5,
.card-header h6 {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Tahoma', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Responsive styles for mobile */
.navbar-brand {
    font-size: 1.25rem;
}

/* Mobile font size adjustments */
body {
    font-size: 16px;
}