/*
 * Khung điều hướng công khai: đồng nhất với bảng màu của Trang chủ.
 * Áp dụng cho Dịch vụ, Tin tức và Kho giao diện; không làm thay đổi phần nội dung riêng.
 */
.site-home-chrome .site-topbar {
    color: #eaef9d;
    background: linear-gradient(100deg, #336a29, #498428 54%, #336a29);
}

.site-home-chrome .site-topbar-inner,
.site-home-chrome .site-topbar a { color: #eaef9d !important; }

.site-home-chrome .site-topbar-consult-button {
    color: #336a29 !important;
    background: linear-gradient(135deg, #eaef9d, #c1d95c) !important;
}

.site-home-chrome .site-topbar-language-button {
    color: #eaef9d;
    border-color: rgba(234, 239, 157, .46);
    background: rgba(234, 239, 157, .10);
}

.site-home-chrome .site-navbar,
.site-home-chrome .site-navbar.is-scrolled {
    background: linear-gradient(100deg, #336a29, #498428 54%, #336a29) !important;
    border-bottom-color: rgba(234, 239, 157, .24);
    box-shadow: 0 9px 24px rgba(30, 77, 27, .22);
}

.site-home-chrome .site-navbar > .site-container::after { display: none; }

.site-home-chrome .site-nav-links {
    border-color: rgba(234, 239, 157, .34);
    background: rgba(51, 106, 41, .20);
    box-shadow: inset 0 1px rgba(234, 239, 157, .10);
}

.site-home-chrome .site-nav-links::before { display: none; }
.site-home-chrome .site-navbar .site-nav-links .nav-link { color: #eaef9d !important; text-shadow: none; }
.site-home-chrome .site-navbar .site-nav-links .site-nav-icon,
.site-home-chrome .site-navbar .site-account-chevron { color: #c1d95c !important; }

.site-home-chrome .site-navbar .site-nav-links .nav-link:hover,
.site-home-chrome .site-navbar .site-nav-links .nav-link:focus-visible,
.site-home-chrome .site-navbar .site-nav-links .nav-link.is-active,
.site-home-chrome .site-navbar .site-nav-links .nav-item.dropdown:hover > .nav-link {
    color: #336a29 !important;
    background: linear-gradient(135deg, #eaef9d, #c1d95c) !important;
    box-shadow: 0 7px 15px rgba(30, 77, 27, .26);
}

.site-home-chrome .site-navbar .site-nav-links .nav-link:hover .site-nav-icon,
.site-home-chrome .site-navbar .site-nav-links .nav-link.is-active .site-nav-icon,
.site-home-chrome .site-navbar .site-nav-links .nav-item.dropdown:hover > .nav-link .site-nav-icon { color: #336a29 !important; }

.site-home-chrome .site-navbar .site-language,
.site-home-chrome .site-navbar .site-login-button,
.site-home-chrome .site-navbar .site-account {
    color: #eaef9d !important;
    border-color: rgba(234, 239, 157, .42) !important;
    background: rgba(51, 106, 41, .22) !important;
}

.site-home-chrome .site-navbar .site-account-role { color: #c1d95c !important; }
.site-home-chrome .site-navbar .site-login-button:hover,
.site-home-chrome .site-navbar .site-account:hover,
.site-home-chrome .site-navbar .site-account[aria-expanded="true"] {
    color: #336a29 !important;
    border-color: #eaef9d !important;
    background: #eaef9d !important;
}

.site-home-chrome .site-navigation-menu {
    border-color: rgba(51, 106, 41, .20);
    background: linear-gradient(155deg, #fbfce9, #eaf4bd);
    box-shadow: 0 22px 48px rgba(51, 106, 41, .20);
}

.site-home-chrome .site-navigation-menu .dropdown-item { color: #336a29 !important; }
.site-home-chrome .site-navigation-menu .dropdown-item:hover,
.site-home-chrome .site-navigation-menu .dropdown-item.active { color: #336a29 !important; background: rgba(193, 217, 92, .45); }

.site-home-chrome .site-footer {
    background:
        radial-gradient(circle at 88% 0, rgba(193, 217, 92, .20), transparent 26%),
        radial-gradient(circle at 5% 82%, rgba(128, 177, 85, .22), transparent 24%),
        linear-gradient(128deg, #336a29, #275b24 62%, #1e4d20);
}

/* Tài khoản đăng nhập: dùng cùng một hệ xanh/lime với menu công khai. */
.site-account-dropdown {
    border-color: rgba(234, 239, 157, .28) !important;
    background: linear-gradient(155deg, #336a29, #245f2e 58%, #1e4d20) !important;
    box-shadow: 0 24px 55px rgba(16, 62, 22, .36) !important;
}
.site-account-dropdown::before {
    background: linear-gradient(90deg, transparent, #c1d95c, transparent) !important;
}
.site-account-dropdown-head strong { color: #fff !important; }
.site-account-dropdown-head small,
.site-account-menu-item small { color: rgba(234, 239, 157, .72) !important; }
.site-account-dropdown .dropdown-divider { border-color: rgba(234, 239, 157, .18) !important; }
.site-account-dropdown .site-account-menu-item { color: #fff !important; }
.site-account-dropdown .site-account-menu-item:hover,
.site-account-dropdown .site-account-menu-item:focus {
    color: #fff !important;
    background: rgba(234, 239, 157, .12) !important;
}
.site-account-menu-item > i { color: #c1d95c !important; }
.site-account-menu-icon,
.site-account-menu-icon.icon-cart,
.site-account-menu-icon.icon-order,
.site-account-menu-icon.icon-address,
.site-account-menu-admin .site-account-menu-icon,
.site-account-logout .site-account-menu-icon {
    border-color: rgba(234, 239, 157, .25) !important;
    color: #173f20 !important;
    background: #c1d95c !important;
}
.site-account-dropdown .site-account-logout:hover,
.site-account-dropdown .site-account-logout:focus { background: rgba(234, 239, 157, .18) !important; }
.site-account-logout b { color: #fff !important; }
.site-account-logout small { color: rgba(234, 239, 157, .72) !important; }

.site-home-chrome .site-footer::before {
    border-color: rgba(234, 239, 157, .14);
    box-shadow: 0 0 0 48px rgba(234, 239, 157, .035), 0 0 0 100px rgba(193, 217, 92, .025);
}

.site-home-chrome .site-footer p,
.site-home-chrome .site-footer-grid > div:not(.site-footer-company) > a,
.site-home-chrome .site-footer-contact { color: #e3f0be !important; }

.site-home-chrome .site-footer h2,
.site-home-chrome .site-footer-brand { color: #f7fbe8 !important; }

.site-home-chrome .site-footer-grid > div:not(.site-footer-company) > a:hover,
.site-home-chrome .site-footer-social a,
.site-home-chrome .site-footer-contact svg,
.site-home-chrome .site-footer-bottom b { color: #eaef9d !important; }

.site-home-chrome .site-footer-social a {
    border-color: rgba(234, 239, 157, .23);
    background: rgba(255, 255, 255, .06);
}

.site-home-chrome .site-footer-social a:hover { border-color: #eaef9d; background: #498428; }
.site-home-chrome .site-footer-bottom { border-top-color: rgba(234, 239, 157, .14); }
.site-home-chrome .site-footer-bottom > .site-container { color: #c1d95c; }

@media (max-width: 991.98px) {
    .site-home-chrome .site-navbar .navbar-collapse {
        border-color: rgba(234, 239, 157, .24);
        background: linear-gradient(100deg, #336a29, #498428 54%, #336a29);
    }
}