/* ===================================
   FONT OVERRIDE - TAHOMA 9PT BOLD
   =================================== */

/* Import Tahoma font nếu cần */
@font-face {
    font-family: 'Tahoma';
    src: local('Tahoma Bold'), local('Tahoma-Bold'),
         url('../assets/fonts/tahomabold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Tahoma';
    src: local('Tahoma'), 
         url('../assets/fonts/tahoma.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================
   SMOOTH SCROLLING
   ========================================== */
html {
    scroll-behavior: smooth !important;
}

/* Global font settings - Tahoma Bold */
* {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-weight: bold !important;
    scroll-behavior: smooth;
}

/* Default font size 12px cho hầu hết elements */
* {
    font-size: 12px !important;
}

body {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    background: url('/images/bg.jpg') no-repeat center center fixed;
    background-size: cover;
    -webkit-overflow-scrolling: touch;
}

/* ==========================================
   HEADERS
   ========================================== */
h1 {
    font-size: 24px !important;
    font-weight: bold !important;
}

h2 {
    font-size: 20px !important;
    font-weight: bold !important;
}

h3 {
    font-size: 18px !important;
    font-weight: bold !important;
}

h4 {
    font-size: 14px !important;
    font-weight: bold !important;
}

h5, h6 {
    font-size: 12px !important;
    font-weight: bold !important;
}

/* ==========================================
   PARAGRAPHS & TEXT - 12px
   ========================================== */
p, span, a, li, td, th, label, input, textarea, select, button {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

small {
    font-size: 10px !important;
    font-weight: bold !important;
}

/* ==========================================
   ★★★ NAME-TITLE - 20px, MÀU NỔI BẬT ★★★
   Đặt CUỐI CÙNG để ghi đè mọi rule ở trên
   ========================================== */
.name-title,
div.name-title,
.title-frame .name-title,
.title-frame div.name-title {
    font-size: 20px !important;
    color: #FFD700 !important;
    /* Gradient vàng kim */
    background: linear-gradient(180deg, #FFF176, #FFD54F 30%, #FFB300 60%, #FF8F00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    /* Bóng đổ nổi bật */
    filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 10px rgba(255, 183, 0, 0.3));
    letter-spacing: 2px !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
}

/* Title frame container */
.title-frame {
    font-size: 20px !important;
}

/* ==========================================
   SECTION TITLES - LOẠI KHÁC
   ========================================== */
.section-title,
.auth-logo h1,
.auth-header h2 {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-weight: bold !important;
}

/* Fanpage title */
.fanpage-title-new {
    font-size: 16px !important;
    color: #FFD54F !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7) !important;
    letter-spacing: 2px !important;
}

/* Leaderboard title */
.home-leaderboard-title {
    font-size: 18px !important;
    color: #FFD54F !important;
    text-shadow: 0 2px 6px rgba(255, 183, 0, 0.4);
}

/* Ticker label */
.ticker-label {
    font-size: 14px !important;
    color: #FFD54F !important;
}

/* ==========================================
   NAVIGATION
   ========================================== */
.navbar, .navbar-content, #menu, .menu {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.navbar .navbar-content ul#menu a {
    color: #FFE082 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

.navbar .navbar-content ul#menu a:hover {
    color: #FFFFFF !important;
    text-shadow: 0 0 12px rgba(255, 215, 0, 0.8);
}

/* ==========================================
   NEWS & CONTENT
   ========================================== */
.item-news,
.title-news,
.cat,
.date-news {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

/* News items - dễ đọc hơn */
.list-item-news .item-news,
.server-news-section-new .item-news {
    color: #E8D5B5 !important;
}

.list-item-news .item-news:hover,
.server-news-section-new .item-news:hover {
    color: #FFF8E1 !important;
    background: rgba(232, 192, 136, 0.08) !important;
}

/* Server info - thay #d2e537 bằng vàng ấm */
.server-news-section-new .title-svinfo-right,
.server-news-section-new .title-svinfo-right .t-upper {
    color: #FFD54F !important;
}

.server-news-section-new .if-right-svinfo {
    color: #FFD54F !important;
}

.server-news-section-new .item-tab-new-nh {
    color: #E8C088 !important;
}

.server-news-section-new .item-tab-new-nh.active {
    color: #FFD54F !important;
}

/* ==========================================
   EVENT SCHEDULE
   ========================================== */
.label-time,
.label-day {
    color: #FFD54F !important;
    font-size: 14px !important;
}

.label-event-name {
    color: #FFE082 !important;
    font-size: 14px !important;
}

.time-hev {
    color: #FFD54F !important;
}

/* ==========================================
   FANPAGE LINKS - NỔI BẬT
   ========================================== */
.fanpage-link-item-new {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 213, 79, 0.3) !important;
}

.fanpage-link-item-new:hover {
    background: rgba(0, 0, 0, 0.7) !important;
    border-color: rgba(255, 213, 79, 0.6) !important;
}

.fanpage-link-item-new span {
    color: #FFE082 !important;
    font-size: 14px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

.fanpage-link-item-new:hover span {
    color: #FFFFFF !important;
}

/* ==========================================
   JOB SYSTEM
   ========================================== */
.name-job-cma,
.des-gpl,
.name-gpl {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-weight: bold !important;
}

.name-job-cma-mini {
    color: #FFD54F !important;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9) !important;
    letter-spacing: 2px !important;
}

/* ==========================================
   FOOTER
   ========================================== */
.copyright-ft,
.link-copyright,
.footer,
.foot-frame {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #E8D5B5 !important;
}

/* ==========================================
   GUIDE ITEMS
   ========================================== */
.guide-new-home .item-guide-nh .name-item {
    color: #C9B896 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.guide-new-home .item-guide-nh:hover .name-item {
    color: #FFE082 !important;
}

/* ==========================================
   FORMS & AUTH
   ========================================== */
input, textarea, select {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.btn, button, input[type="submit"], input[type="button"] {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.auth-form label,
.auth-form input,
.auth-form button,
.alert {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

/* Special font classes */
.f-utm_nyala,
.f-cambria,
.f-cambriaB,
.f-calibri,
.f-assassin {
    font-family: 'Tahoma', Arial, sans-serif !important;
    font-weight: bold !important;
}

/* ==========================================
   ICON FONTS - KHÔNG OVERRIDE
   ========================================== */
i.fa, i.fas, i.far, i.fab {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands' !important;
    font-weight: 900 !important;
}

i {
    font-size: inherit !important;
}

/* ==========================================
   SCROLLBAR ĐẸP
   ========================================== */
::-webkit-scrollbar {
    width: 8px !important;
}

::-webkit-scrollbar-track {
    background: rgba(10, 10, 30, 0.3) !important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #FFD54F, #FF8F00) !important;
    border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #FFE082, #FFB300) !important;
}

/* ==========================================
   GENERAL TRANSITIONS
   ========================================== */
a {
    transition: color 0.3s ease, text-shadow 0.3s ease !important;
}