/* =====================================================
   Diamon Transport 1989 - ธีมกลาง Navy + Gold
   ลิงก์ไฟล์นี้หลังสไตล์เดิมของแต่ละหน้า เพื่อ override
   ให้ทุกหน้าเป็นโทนน้ำเงิน + ทอง เข้าชุดกับหน้าแรก
   ===================================================== */

:root {
    --dt-primary: #C8A24B;     /* gold (เดิมสีส้ม) */
    --dt-secondary: #0A2540;   /* navy เข้มขึ้น */
    --dt-gold: #C8A24B;
    --dt-gold-2: #E2C275;
    --dt-gold-deep: #A8842F;
    --dt-navy: #0A2540;
    --dt-navy-2: #0D2C54;
}

/* ===== Header / Top bar ===== */
.header-top-bar {
    background: linear-gradient(90deg, #071C3A 0%, #0D2C54 100%) !important;
    border-bottom: 1px solid rgba(200, 162, 75, 0.25);
    position: relative;
    z-index: 1090; /* ยกเฮดเดอร์ให้อยู่เหนือ navbar sticky (1020) */
}
.header-top-bar a:hover { color: var(--dt-gold-2) !important; }
.header-top-bar .bi { color: var(--dt-gold); }

/* ===== แก้เมนูเปลี่ยนภาษาไม่ให้ถูกบังด้านหลัง ===== */
header { position: relative; z-index: 1090; }
.header-top-bar .dropdown { position: relative; z-index: 1095; }
.header-top-bar .dropdown-menu {
    z-index: 1100 !important;
    min-width: 160px;
}
/* ให้เมนูเปิดออกมาเห็นชัด มีพื้นหลังเข้มและขอบทอง */
.header-top-bar .dropdown-menu.dropdown-menu-dark {
    background: #0A2540 !important;
    border: 1px solid rgba(200,162,75,0.35) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.45) !important;
}
.header-top-bar .dropdown-menu-dark .dropdown-item { color: #e7eefb !important; }
.header-top-bar .dropdown-menu-dark .dropdown-item:hover,
.header-top-bar .dropdown-menu-dark .dropdown-item:focus {
    background: rgba(200,162,75,0.18) !important;
    color: var(--dt-gold-2) !important;
}

/* ===== Navbar ===== */
.navbar-dark {
    background: linear-gradient(90deg, #0A2540 0%, #0D2C54 100%) !important;
    box-shadow: 0 6px 24px rgba(7, 28, 58, 0.25) !important;
}
.navbar-dark .navbar-nav .nav-link { position: relative; transition: color .3s ease; }
.navbar-dark .navbar-nav .nav-link::after {
    content: ""; position: absolute; left: 1rem; right: 1rem; bottom: .9rem;
    height: 2px; background: var(--dt-gold); transform: scaleX(0);
    transform-origin: left; transition: transform .3s ease;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active { color: var(--dt-gold-2) !important; }
.navbar-dark .navbar-nav .nav-link:hover::after { transform: scaleX(1); }
.nav-item.active .nav-link { color: var(--dt-gold-2) !important; }
.dropdown-menu { border-radius: 10px !important; box-shadow: 0 12px 34px rgba(7,28,58,0.18) !important; }
.dropdown-item:hover { background: #F4F7FC; color: var(--dt-navy-2); }

/* ===== Buttons ===== */
.btn-quote,
.btn-primary-custom {
    background: linear-gradient(135deg, var(--dt-gold-2) 0%, var(--dt-gold) 55%, var(--dt-gold-deep) 100%) !important;
    color: #2a1e00 !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(200, 162, 75, 0.35);
    transition: all .3s ease;
}
.btn-quote:hover,
.btn-primary-custom:hover {
    background: var(--dt-gold-deep) !important;
    color: #2a1e00 !important;
    transform: translateY(-2px);
}
.btn-dark-custom {
    background: var(--dt-navy) !important;
    border-color: var(--dt-navy) !important;
    color: #fff !important;
}
.btn-dark-custom:hover {
    background: #071C3A !important;
    border-color: #071C3A !important;
    color: var(--dt-gold-2) !important;
}
.btn-outline-primary {
    border-color: var(--dt-gold) !important;
    color: var(--dt-gold-deep) !important;
}
.btn-outline-primary:hover {
    background: var(--dt-gold) !important;
    color: #2a1e00 !important;
}

/* ===== Accents ===== */
.text-primary { color: var(--dt-gold-deep) !important; }
.bg-primary { background: var(--dt-gold) !important; }
a { transition: color .25s ease; }

/* ===== Page title / hero banner ===== */
.page-title { background-color: var(--dt-navy) !important; }
.page-title-overlay {
    background: linear-gradient(105deg, rgba(7,28,58,0.92) 0%, rgba(10,37,64,0.70) 100%) !important;
}
.breadcrumb-item a { color: var(--dt-gold-2) !important; }

/* ===== Section icons / titles using primary ===== */
.section-title .icon,
.service-features-list .icon,
.title-text,
.display-4.text-primary { color: var(--dt-gold-deep) !important; }

/* ===== Footer ===== */
.footer-dark { background: linear-gradient(150deg, #0A2540, #071C3A) !important; }
.footer-dark .footer-menu li a:hover { color: var(--dt-gold-2) !important; padding-left: 6px; }
.footer-dark .social-media a:hover { color: var(--dt-gold-2) !important; }
.copy-right { background: #061427 !important; }
.copy-right a { color: var(--dt-gold-2) !important; }

/* ===== Swiper / sliders ===== */
.swiper-pagination-bullet-active { background: var(--dt-gold) !important; }
.swiper-button-next, .swiper-button-prev { color: var(--dt-gold-2) !important; }

/* ===== Cards / price tables (if present) ===== */
.price-table:hover, .price-table.active {
    border-color: var(--dt-gold) !important;
    box-shadow: 0 8px 30px rgba(200,162,75,0.3) !important;
}
.price-table .price { color: var(--dt-gold-deep) !important; }
.service-layout-1 { border-bottom-color: var(--dt-gold) !important; }
.accordion-button:not(.collapsed) { color: var(--dt-navy-2); background-color: rgba(200,162,75,0.10); }
.accordion-button:focus { box-shadow: 0 0 0 .15rem rgba(200,162,75,0.4); }

/* =====================================================
   Sub-page polish — ดึงหน้าใน (เกี่ยวกับเรา/ทีมงาน/ติดต่อ/
   พันธมิตร/บริการ) ให้เข้าชุดกับหน้าแรก navy+gold
   ===================================================== */

/* Page-title hero ให้เข้มและมีเส้นทองด้านล่างแบบหน้าแรก */
.page-title {
    position: relative;
    background-color: var(--dt-navy) !important;
    border-bottom: 3px solid var(--dt-gold) !important;
}
.page-title-overlay {
    background: linear-gradient(105deg, rgba(7,28,58,0.94) 0%, rgba(10,37,64,0.72) 100%) !important;
}
.page-title h1 { color: #fff !important; }
.breadcrumb-item.active { color: var(--dt-gold-2) !important; }

/* Section title — เส้นทองใต้หัวข้อ + ไอคอนทอง */
.section-title h2,
.section-title .title-text { position: relative; }
.section-title.text-center h2::after,
.section-title .title-text::after {
    content: ""; display: block; width: 64px; height: 3px;
    margin: 14px auto 0; border-radius: 2px;
    background: linear-gradient(90deg, var(--dt-gold-2), var(--dt-gold-deep));
}
.section-title .icon,
.section-title .icon i { color: var(--dt-gold-deep) !important; }

/* การ์ดบริการ (about-us) — ยกตัว + ขอบทองเมื่อ hover */
.service-icon-box {
    padding: 18px 16px; border-radius: 14px;
    background: #fff; border: 1px solid #eef2f8;
    transition: all .3s ease;
}
.service-icon-box:hover {
    transform: translateY(-4px);
    border-color: var(--dt-gold);
    box-shadow: 0 12px 30px rgba(10,37,64,0.10);
}
.service-icon-box .title { color: var(--dt-navy-2) !important; }
.service-icon-box:hover .title { color: var(--dt-gold-deep) !important; }
.service-icon-box .icon i {
    font-size: 1.9rem; line-height: 1;
    color: var(--dt-gold-deep) !important;
}
.call-action .action-bottom.layout-1 i {
    font-size: 1.8rem; color: var(--dt-gold-2) !important;
    display: inline-block; margin-bottom: 4px;
}

/* การ์ดโลโก้พันธมิตร — กรอบขาว เงานุ่ม hover ทอง */
.partner-logo-box {
    background: #fff; border: 1px solid #eef2f8; border-radius: 14px;
    padding: 18px; height: 100%;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 18px rgba(10,37,64,0.05);
    transition: all .3s ease;
}
.partner-logo-box img {
    max-width: 100%; max-height: 60px; width: auto;
    filter: grayscale(100%); opacity: .75; transition: all .3s ease;
}
.partner-logo-box:hover {
    transform: translateY(-4px);
    border-color: var(--dt-gold);
    box-shadow: 0 14px 32px rgba(200,162,75,0.22);
}
.partner-logo-box:hover img { filter: none; opacity: 1; }

/* Call-to-action band — พื้นน้ำเงินไล่เฉด ตัวอักษรขาว ปุ่มทอง */
.call-action {
    background: linear-gradient(120deg, var(--dt-navy) 0%, var(--dt-navy-2) 100%) !important;
    color: #fff !important;
    border-radius: 18px;
    padding: 40px 32px;
    margin: 24px auto;
}
.call-action h2, .call-action .text { color: #fff !important; }
.call-action .action-bottom.layout-1 {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(200,162,75,0.35);
    border-radius: 12px; padding: 16px 8px;
    transition: all .3s ease;
}
.call-action .action-bottom.layout-1 h4 { color: #fff !important; }
.call-action .action-bottom.layout-1:hover {
    background: rgba(200,162,75,0.15);
    border-color: var(--dt-gold);
    transform: translateY(-3px);
}

/* การ์ดสมาชิกทีม — hover ยกตัว ขอบทอง */
.team-card-modern { transition: all .3s ease; }
.team-card-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 36px rgba(10,37,64,0.14);
}
.team-card-modern .jop,
.team-card-modern .job { color: var(--dt-gold-deep) !important; }

/* ฟอร์ม/การ์ดติดต่อ — โฟกัสเป็นสีทอง */
.contact-form-card {
    background: #fff; border-radius: 16px;
    box-shadow: 0 14px 40px rgba(10,37,64,0.10);
    border: 1px solid #eef2f8;
}
.form-control:focus {
    border-color: var(--dt-gold) !important;
    box-shadow: 0 0 0 .2rem rgba(200,162,75,0.18) !important;
}
.contact-info-list .icon { color: var(--dt-gold-deep) !important; }