/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com
Template: flatsome
Author: UX-Themes
Author URI: https://uxthemes.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.20.2.1782321027
Updated: 2026-06-24 17:10:27

*/

/* ==============================================================
 * QUY CHUẨN CSS ĐÔNG HẢI Ô TÔ (GLOBAL STYLES)
 * ============================================================== */

:root {
    --dh-navy: #123c5e;
    --dh-orange: #f1a942;
    --dh-blue-light: #8cb9db;
    --dh-text: #333333;
}

body { color: var(--dh-text) !important; }
h1, h2, h3, h4, h5, h6, .heading-title { color: var(--dh-navy); }
a { color: var(--dh-navy); transition: color 0.3s ease; }
a:hover { color: var(--dh-orange); }

/* --- QUY CHUẨN HEADER TÙY BIẾN --- */
/* 1. Top Bar: Nền Cam (đã set ở functions) -> Chữ phải màu Trắng */
#top-bar, #top-bar .nav > li > a, #top-bar .header-text, #top-bar .nav>li>a>i {
    color: #ffffff !important;
}
#top-bar .nav > li > a:hover {
    color: var(--dh-navy) !important; /* Rê chuột đổi sang Navy */
}

/* 2. Main Menu: Nền Trắng -> Chữ màu Xanh Navy in đậm */
#masthead .header-nav .nav > li > a {
    color: var(--dh-navy) !important;
    font-weight: 700;
    text-transform: uppercase;
}

/* 3. Main Menu Hover: Rê chuột đổi sang Vàng Cam */
#masthead .header-nav .nav > li > a:hover,
#masthead .header-nav .nav > li.active > a {
    color: var(--dh-orange) !important;
}

/* --- QUY CHUẨN NÚT BẤM (BUTTONS) --- */
/* Nút phụ / Nút Hotline (Vàng Cam) */
.button.secondary, .button.is-outline.secondary:hover {
    background-color: var(--dh-orange) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    border-color: var(--dh-orange) !important;
}
.button.secondary:hover { background-color: #d89638 !important; }

/* Nút chính / Nút Xem chi tiết (Xanh Navy) */
.button.primary, .button.is-outline.primary:hover {
    background-color: var(--dh-navy) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    border-color: var(--dh-navy) !important;
}
.button.primary:hover { background-color: #0d2c45 !important; }
}