/* 
* Font Override CSS - Thay đổi toàn bộ font sang Arial
* File này sẽ override tất cả font-family trong website
*/

/* BẢO VỆ ICON FONTS - Đặt ở đầu với độ ưu tiên cao nhất */
.fas, .far, .fab, .fa,
[class*="icon"], [class*="Icon"],
[class*="icon-"], [class*="Icon-"],
[class*="fa-"], [class*="fas"], [class*="far"], [class*="fab"],
[data-icon] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
}

/* OVERRIDE TẤT CẢ FONT SANG ARIAL - Sử dụng selector rộng nhưng loại trừ icon */
*:not(.fas):not(.far):not(.fab):not(.fa):not([class*="icon"]):not([class*="Icon"]):not([class*="fa-"]):not([data-icon]) {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Override font cho body và các thẻ text cơ bản */
body, html {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Override các thẻ heading */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Override cho các thẻ text cụ thể */
p, span, div, a, li, td, th, input, textarea, button, label {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Override các class cụ thể */
.section-title, .hero-title, .hero-subtitle, .card-title, .news-title, .event-title,
.job-title, .company-name, .director-name, .team-member-name,
.contact-info h3, .about-section h2, .timeline-item h3,
.award-title, .mission-title, .vision-title, .core-value-title,
.culture-title, .recruitment-title, .service-title, .product-title,
.brand-title, .showroom-title, .resort-title, .hotel-title,
.tour-title, .fashion-title, .agriculture-title, .motorcycle-title,
.car-title, .travel-title {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Override các element có font-family cụ thể */
[class*="beautique"], [class*="playfair"], [class*="calibri"], [class*="roboto"] {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Override cho các component cụ thể */
.hero-section, .about-section, .news-section, .events-section,
.recruitment-section, .contact-section, .timeline-section, .awards-section,
.mission-section, .vision-section, .core-values-section, .culture-section,
.services-section, .products-section, .brands-section, .showrooms-section,
.resorts-section, .hotels-section, .tours-section, .fashion-section,
.agriculture-section, .motorcycle-section, .car-section, .travel-section {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Override cho các element cụ thể khác */
.navbar-brand, .navbar-nav .nav-link, .dropdown-menu, .dropdown-item,
.btn, .form-control, .alert, .badge, .card, .modal-content,
.tooltip, .popover {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE ĐẶC BIỆT CHO PRODUCT INFO SECTION */
.product-info-section,
.product-info-section *,
.product-info-box,
.product-info-box *,
.info-text,
.product-info-box-title,
.product-info-subtitle,
.section-heading-line,
.section-watermark {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE TẤT CẢ FONT BEAUTIQUE DISPLAY */
[class*="beautique"], 
[class*="Beautique"],
.font-beautique,
.font-beautique-display,
.font-beautique-condensed {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CÁC CLASS CỤ THỂ TRONG PRODUCT SECTION */
.product-section-bg,
.product-section-container,
.product-section-overlay,
.section-header,
.section-header-container {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE ĐẶC BIỆT CHO TẤT CẢ TRANG LĨNH VỰC HOẠT ĐỘNG */
/* Xe máy */
.motorcycle-section,
.motorcycle-title,
.motorcycle-description,
.motorcycle-info,
.motorcycle-card,
.motorcycle-card * {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Thời trang */
.fashion-section,
.fashion-title,
.fashion-description,
.fashion-info,
.fashion-card,
.fashion-card * {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Vật tư nông nghiệp */
.agriculture-section,
.agriculture-title,
.agriculture-description,
.agriculture-info,
.agriculture-card,
.agriculture-card * {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Du lịch */
.travel-section,
.travel-title,
.travel-description,
.travel-info,
.travel-card,
.travel-card * {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Toyota */
.car-section,
.car-title,
.car-description,
.car-info,
.car-card,
.car-card * {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE TẤT CẢ FONT TRONG CÁC TRANG LĨNH VỰC HOẠT ĐỘNG */
/* Sử dụng selector rộng để override tất cả */
.linh-vuc-hoat-dong *,
.xe-may *,
.thoi-trang *,
.vat-tu-nong-nghiep *,
.du-lich *,
.toyota * {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CÁC CLASS CỤ THỂ KHÁC */
.hero-banner,
.hero-banner *,
.hero-content,
.hero-content *,
.hero-text,
.hero-text *,
.hero-description,
.hero-title,
.hero-subtitle {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CÁC ELEMENT CỤ THỂ */
.breadcrumb-link,
.breadcrumb-separator,
.breadcrumb-current,
.hero-decoration-line,
.hero-checklist,
.hero-checklist * {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE VỚI ĐỘ ƯU TIÊN CAO NHẤT - SỬ DỤNG !important VÀ SELECTOR CỤ THỂ */
/* Đảm bảo tất cả text trong Product Info Section đều dùng Arial */
.product-info-section h1,
.product-info-section h2,
.product-info-section h3,
.product-info-section h4,
.product-info-section h5,
.product-info-section h6,
.product-info-section p,
.product-info-section span,
.product-info-section div,
.product-info-section a,
.product-info-section li {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Override tất cả font trong các trang lĩnh vực hoạt động */
.xe-may.html *,
.thoi-trang.html *,
.vat-tu-nong-nghiep.html *,
.du-lich.html *,
.toyota.html *,
.linh-vuc-hoat-dong * {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* BẢO VỆ ICON FONTS LẦN NỮA - Đặt ở cuối để đảm bảo override */
.fas, .far, .fab, .fa,
[class*="icon"], [class*="Icon"],
[class*="icon-"], [class*="Icon-"],
[class*="fa-"], [class*="fas"], [class*="far"], [class*="fab"],
[data-icon] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
}

/* OVERRIDE MẠNH MẼ NHẤT CHO PRODUCT INFO SECTION - ĐẢM BẢO KHÔNG CÓ FONT NÀO BỊ LỖI */
.product-info-section,
.product-info-section *,
.product-info-section h1,
.product-info-section h2,
.product-info-section h3,
.product-info-section h4,
.product-info-section h5,
.product-info-section h6,
.product-info-section p,
.product-info-section span,
.product-info-section div,
.product-info-section a,
.product-info-section li,
.product-info-section strong,
.product-info-section em,
.product-info-section b,
.product-info-section i,
.product-info-section .product-info-box,
.product-info-section .product-info-box *,
.product-info-section .product-info-box-title,
.product-info-section .product-info-subtitle,
.product-info-section .info-text,
.product-info-section .section-heading-line,
.product-info-section .section-watermark,
.product-info-section .section-header,
.product-info-section .section-header-container {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CỤ THỂ CHO TRANG VẬT TƯ NÔNG NGHIỆP */
.vat-tu-nong-nghiep.html .product-info-section,
.vat-tu-nong-nghiep.html .product-info-section *,
.vat-tu-nong-nghiep.html .product-info-box,
.vat-tu-nong-nghiep.html .product-info-box *,
.vat-tu-nong-nghiep.html .section-heading-line,
.vat-tu-nong-nghiep.html .section-watermark {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* CLASS MỚI ĐỂ OVERRIDE FONT MẠNH MẼ HƠN */
.font-override-section,
.font-override-section *,
.font-override-text,
.font-override-heading {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CỤ THỂ CHO CÁC CLASS MỚI */
.font-override-section .product-info-box,
.font-override-section .product-info-box *,
.font-override-section .product-info-box-title,
.font-override-section .product-info-subtitle,
.font-override-section .info-text,
.font-override-section .section-heading-line,
.font-override-section .section-watermark {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE MẠNH MẼ NHẤT - ĐẢM BẢO TẤT CẢ FONT ĐỀU LÀ ARIAL */
/* Override toàn bộ website với selector mạnh nhất */
* {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Bảo vệ icon fonts */
.fas, .far, .fab, .fa,
[class*="icon"], [class*="Icon"],
[class*="fa-"], [class*="fas"], [class*="far"], [class*="fab"],
[data-icon] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
}

/* OVERRIDE CỤ THỂ VÀ MẠNH MẼ NHẤT CHO PRODUCT INFO SECTION */
.product-info-section,
.product-info-section *,
.product-info-section h1,
.product-info-section h2,
.product-info-section h3,
.product-info-section h4,
.product-info-section h5,
.product-info-section h6,
.product-info-section p,
.product-info-section span,
.product-info-section div,
.product-info-section a,
.product-info-section li,
.product-info-section strong,
.product-info-section em,
.product-info-section b,
.product-info-section i,
.product-info-section .product-info-box,
.product-info-section .product-info-box *,
.product-info-section .product-info-box-title,
.product-info-section .product-info-subtitle,
.product-info-section .info-text,
.product-info-section .section-heading-line,
.product-info-section .section-watermark,
.product-info-section .heading-line-decoration,
.product-info-section .section-header,
.product-info-section .section-header-container {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CÁC CLASS CỤ THỂ TRONG PRODUCT INFO SECTION */
.product-info-box,
.product-info-box *,
.product-info-box-title,
.product-info-subtitle,
.info-text,
.section-heading-line,
.section-watermark,
.heading-line-decoration,
.section-header,
.section-header-container {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE TẤT CẢ TEXT ELEMENTS */
body, html, h1, h2, h3, h4, h5, h6, p, span, div, a, li, td, th, input, textarea, button, label {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE TẤT CẢ FONT BEAUTIQUE DISPLAY */
[class*="beautique"], 
[class*="Beautique"],
.font-beautique,
.font-beautique-display,
.font-beautique-condensed {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CÁC CLASS MỚI */
.font-override-section,
.font-override-section *,
.font-override-text,
.font-override-heading {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* FONT OVERRIDE CUỐI CÙNG VÀ MẠNH MẺ NHẤT CHO PRODUCT INFO SECTION */
/* Đảm bảo toàn bộ Product Info Section sử dụng Arial */
.product-info-section,
.product-info-section h1,
.product-info-section h2,
.product-info-section h3,
.product-info-section h4,
.product-info-section h5,
.product-info-section h6,
.product-info-section p,
.product-info-section span,
.product-info-section div,
.product-info-section a,
.product-info-section li,
.product-info-section strong,
.product-info-section em,
.product-info-section b,
.product-info-section .product-info-box,
.product-info-section .product-info-box h3,
.product-info-section .product-info-box p,
.product-info-section .product-info-box span,
.product-info-section .product-info-box div,
.product-info-section .product-info-box-title,
.product-info-section .info-subtitle,
.product-info-section .info-description,
.product-info-section .info-text-content,
.product-info-section .info-item,
.product-info-section .section-heading-line,
.product-info-section .section-watermark,
.product-info-section .heading-line-decoration,
.product-info-section .section-header,
.product-info-section .section-header-container,
.product-info-section .info-box-header,
.product-info-section .title-underline,
.product-info-section .info-content {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* ĐẢM BẢO ICON FONTS KHÔNG BỊ OVERRIDE - ĐỘ ƯU TIÊN CAO NHẤT */
.product-info-section .fas,
.product-info-section .far,
.product-info-section .fab,
.product-info-section .fa,
.product-info-section [class*="fa-"],
.product-info-section .info-icon i,
.product-info-section .info-icon .fas,
.product-info-section .info-icon .far,
.product-info-section .info-icon .fab,
.product-info-section .info-icon .fa,
.fas.fa-motorcycle,
.fas.fa-shield-alt,
.fas.fa-tools,
.fas.fa-cogs,
.fas.fa-heart {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
    font-weight: 900 !important;
}

/* OVERRIDE CỤ THỂ CHO TẤT CẢ TEXT ELEMENTS - KHÔNG ÁP DỤNG VÀO ICONS */
.product-info-section *:not(.fas):not(.far):not(.fab):not(.fa):not([class*="fa-"]):not(i.fas):not(i.far):not(i.fab):not(i.fa) {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CỰC MẠNH CHO PRODUCT-INFO-BOX-TITLE */
.product-info-box-title,
h3.product-info-box-title,
.product-info-section .product-info-box-title,
.product-info-section h3.product-info-box-title,
.product-info-section .product-info-box .product-info-box-title,
.product-info-section .product-info-box h3.product-info-box-title,
.product-info-section .info-box-header h3.product-info-box-title,
.info-box-header h3.product-info-box-title,
h3[class*="product-info-box-title"],
.product-info-section h3[class*="product-info-box-title"] {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CUỐI CÙNG - SELECTOR MẠNH NHẤT CHO H3 TITLE */
.product-info-section .product-info-box .info-box-header h3 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CUỐI CÙNG VÀ MẠNH MẼ NHẤT - SỬ DỤNG ATTRIBUTE SELECTOR */
h3[class*="product-info-box-title"],
h3.product-info-box-title,
.product-info-box-title,
.product-info-section h3.product-info-box-title,
.product-info-section .product-info-box-title,
.product-info-section .product-info-box .product-info-box-title,
.product-info-section .info-box-header .product-info-box-title {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

/* OVERRIDE TẤT CẢ FONT BEAUTIQUE DISPLAY TRONG TOÀN BỘ WEBSITE */
*[style*="font-family: 'Beautique Display'"],
*[style*="font-family: \"Beautique Display\""],
*[style*="font-family: Beautique Display"],
*[style*="font-family: 'Beautique Display Condensed'"],
*[style*="font-family: \"Beautique Display Condensed\""],
*[style*="font-family: Beautique Display Condensed"] {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CUỐI CÙNG - SỬ DỤNG INLINE STYLE OVERRIDE */
.product-info-box-title[style*="font-family"] {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CUỐI CÙNG VÀ MẠNH MẼ NHẤT - SỬ DỤNG !important VÀ SELECTOR CỰC CỤ THỂ */
html body .product-info-section .product-info-box .info-box-header h3.product-info-box-title,
html body .product-info-section .product-info-box .info-box-header .product-info-box-title,
html body .product-info-section .product-info-box-title,
html body .product-info-box-title,
html body h3.product-info-box-title {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

/* OVERRIDE TẤT CẢ FONT BEAUTIQUE DISPLAY VỚI ĐỘ ƯU TIÊN CAO NHẤT */
html body *[style*="font-family: 'Beautique Display'"],
html body *[style*="font-family: \"Beautique Display\""],
html body *[style*="font-family: Beautique Display"],
html body *[style*="font-family: 'Beautique Display Condensed'"],
html body *[style*="font-family: \"Beautique Display Condensed\""],
html body *[style*="font-family: Beautique Display Condensed"] {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CUỐI CÙNG - SỬ DỤNG CSS CUSTOM PROPERTY VÀ !important */
:root {
    --arial-font: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* OVERRIDE CUỐI CÙNG VÀ MẠNH MẼ NHẤT CHO PRODUCT-INFO-BOX-TITLE */
.product-info-box-title,
.product-info-box-title *,
.product-info-box-title::before,
.product-info-box-title::after,
.product-info-box-title:hover,
.product-info-box-title:focus,
.product-info-box-title:active {
    font-family: var(--arial-font) !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

/* OVERRIDE CUỐI CÙNG - SỬ DỤNG ATTRIBUTE SELECTOR VỚI ĐỘ ƯU TIÊN CAO NHẤT */
[class*="product-info-box-title"] {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* CSS CỰC MẠNH - KHÔNG CẦN INLINE STYLE */
/* Sử dụng selector với độ ưu tiên cao nhất */
html body .product-info-section .product-info-box .info-box-header h3.product-info-box-title {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

/* Override tất cả font Beautique Display với độ ưu tiên cực cao */
html body *[style*="font-family: 'Beautique Display'"],
html body *[style*="font-family: \"Beautique Display\""],
html body *[style*="font-family: Beautique Display"],
html body *[style*="font-family: 'Beautique Display Condensed'"],
html body *[style*="font-family: \"Beautique Display Condensed\""],
html body *[style*="font-family: Beautique Display Condensed"] {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* CSS CUSTOM PROPERTY với độ ưu tiên cao nhất */
:root {
    --arial-font: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Override cuối cùng cho product-info-box-title */
.product-info-box-title,
.product-info-box-title *,
.product-info-box-title::before,
.product-info-box-title::after,
.product-info-box-title:hover,
.product-info-box-title:focus,
.product-info-box-title:active {
    font-family: var(--arial-font) !important;
    font-weight: 700 !important;
    font-style: normal !important;
}