/* ============================================================
   a_style_navbar.css — Dark Solid Navbar
   อัพโหลดไฟล์นี้ขึ้น server แล้วเพิ่ม <link> ใน a_header.php
   หลัง a_style_fix2.css เป็นตัวสุดท้าย
   ============================================================ */

/* ----------------------------------------------------------
   1. HEADER TOP BAR — dark background
---------------------------------------------------------- */
.th-header .header-top {
    background: #0d0d0d !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.th-header .header-top .header-links a,
.th-header .header-top .header-links li,
.th-header .header-top .header-links i {
    color: rgba(255,255,255,0.6) !important;
}
.th-header .header-top .header-links a:hover {
    color: #FC3737 !important;
}
.th-header .header-top .social-title {
    color: rgba(255,255,255,0.4) !important;
}
.th-header .header-top .header-social a {
    color: rgba(255,255,255,0.6) !important;
    border-color: rgba(255,255,255,0.12) !important;
}
.th-header .header-top .header-social a:hover {
    color: #FC3737 !important;
    border-color: #FC3737 !important;
}

/* ----------------------------------------------------------
   2. MAIN NAV BAR — dark solid ตลอดเวลา
---------------------------------------------------------- */
.th-header .sticky-wrapper,
.th-header .menu-area {
    background: #111111 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* เมื่อ sticky scroll ก็ยังคง dark */
.th-header .sticky-wrapper.sticky-active,
.th-header .sticky-wrapper.will-sticky,
.th-header .sticky-active .menu-area,
.sticky-active .th-header .menu-area {
    background: #111111 !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important;
    border-bottom-color: rgba(255,255,255,0.05) !important;
}

/* ----------------------------------------------------------
   3. MENU LINKS — สีขาวบน dark bg
---------------------------------------------------------- */
.main-menu ul li a {
    color: rgba(255,255,255,0.78) !important;
    font-family: 'Kanit', sans-serif !important;
    font-weight: 400 !important;
}
.main-menu ul li a:hover,
.main-menu ul li.active > a {
    color: #FC3737 !important;
}
/* active indicator line */
.main-menu ul li.active > a::after,
.main-menu ul li > a::after {
    /*background: #FC3737 !important;*/
}

/* Dropdown submenu */
.main-menu .sub-menu {
    background: #1a1a1a !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}
.main-menu .sub-menu li a {
    color: rgba(255,255,255,0.7) !important;
    border-bottom-color: rgba(255,255,255,0.06) !important;
}
.main-menu .sub-menu li a:hover {
    color: #FC3737 !important;
    background: rgba(252,55,55,0.06) !important;
}

/* ----------------------------------------------------------
   4. LOGO — ตัวขาวบน dark (ซ่อน light version เสมอ)
   logo dark แสดงตลอด / logo light ซ่อนตลอด
---------------------------------------------------------- */
.hd-logo-dark  { display: inline-flex !important; }
.hd-logo-light { display: none !important; }

/* กรณีใช้ img logo จาก DB */
.header-logo img {
    filter: brightness(0) invert(1) !important;
}
/* fallback text logo เดิม */
.header-logo .logo { color: #fff !important; }
.header-logo .dev  { color: #FC3737 !important; }
.header-logo .tagline { color: rgba(255,255,255,0.4) !important; }

/* ----------------------------------------------------------
   5. HEADER ICONS — search, hamburger
---------------------------------------------------------- */
.th-header .icon-btn,
.th-header .searchBoxToggler {
    color: rgba(255,255,255,0.7) !important;
    border-color: rgba(255,255,255,0.15) !important;
    background: transparent !important;
}
.th-header .icon-btn:hover,
.th-header .searchBoxToggler:hover {
    color: #FC3737 !important;
    border-color: #FC3737 !important;
}
.th-header .th-menu-toggle {
    color: rgba(255,255,255,0.8) !important;
}

/* ----------------------------------------------------------
   6. CTA BUTTON — ให้ยังคง style เดิม
---------------------------------------------------------- */
.th-header .th-btn {
    background: #FC3737 !important;
    color: #fff !important;
    border-color: #FC3737 !important;
}
.th-header .th-btn:hover {
    background: #d42020 !important;
    border-color: #d42020 !important;
    color: #fff !important;
}

/* ----------------------------------------------------------
   7. MOBILE DRAWER — ปรับ mobile menu ให้ match
---------------------------------------------------------- */
.th-menu-wrapper {
    background: #111 !important;
}
.th-menu-area {
    background: #111 !important;
}
.th-mobile-menu ul li a {
    color: rgba(255,255,255,0.8) !important;
    border-bottom-color: rgba(255,255,255,0.07) !important;
}
.th-mobile-menu ul li a:hover,
.th-mobile-menu ul li.active > a {
    color: #FC3737 !important;
}
.th-menu-toggle {
    color: rgba(255,255,255,0.8) !important;
}

/* ----------------------------------------------------------
   8. SEARCH POPUP — dark theme
---------------------------------------------------------- */
.popup-search-box {
    background: rgba(0,0,0,0.95) !important;
    backdrop-filter: blur(12px) !important;
}
.popup-search-box input {
    color: #fff !important;
    border-bottom-color: rgba(255,255,255,0.15) !important;
    background: transparent !important;
}
.popup-search-box input::placeholder {
    color: rgba(255,255,255,0.3) !important;
}
.popup-search-box button,
.popup-search-box .searchClose {
    color: rgba(255,255,255,0.7) !important;
}
.popup-search-box button:hover {
    color: #FC3737 !important;
}