/**
 * EcoSoka brand colors
 * Xanh lá: #459D31 | Xanh dương: #066DB5
 */
:root {
    --eco-green: #459D31;
    --eco-blue: #066DB5;
    --eco-green-dark: #357a26;
    --eco-blue-dark: #055a94;
    --primary: #459D31;
    --green: #459D31;
    --blue: #066DB5;
    --intro-bg: #f0f9ee;
}

/* Nút & CTA chính */
.web_button,
.button.web_button,
.btn_web,
.product-add,
.form-button button,
.user-form .form-button button {
    background: var(--eco-green) !important;
    border-color: var(--eco-green) !important;
}

.web_button:hover,
.button.web_button:hover,
.btn_web:hover,
.form-button button:hover,
.user-form .form-button button:hover {
    background: var(--eco-green-dark) !important;
    border-color: var(--eco-green-dark) !important;
}

.btn-primary,
.product-card:hover .product-add,
.intro-wrap:hover .intro-icon i {
    background: var(--eco-green) !important;
    border-color: var(--eco-green) !important;
}

/* Header, footer, banner — xanh dương thương hiệu */
.testimonial-card,
.backtop,
.news-form button span,
.footer-bottom,
.header-top,
.filter-action .active i,
.header-widget sup,
.cart-checkout-btn,
.footer-social li a:hover,
.details-add-group .product-add,
.details-share-list li a:hover,
.account-title::before,
thead tr,
.banner-category-head {
    background: var(--eco-blue) !important;
}

.navbar-info i,
.navbar-link:hover,
.header-widget:hover span,
.footer-links ul li a:hover,
.footer-social li a,
.product-price span,
.intro-icon i,
.details-price span,
.btn-outline,
.tab-link.active,
.tab-link:hover,
.product-name a:hover,
.header-widget:hover i {
    color: var(--eco-blue) !important;
}

.header-part.active .header-form,
.product-card:hover,
.intro-icon i,
.form-control:focus-within,
.mobile-menu a sup,
.mobile-menu button sup {
    border-color: var(--eco-blue) !important;
}

.single-banner::before,
.news-part::before {
    background: linear-gradient(to left, rgba(6, 109, 181, 0.75), rgba(69, 157, 49, 0.65)) !important;
}

.intro-part {
    background: #eef6fc;
}

.backtop {
    box-shadow: 0 0 15px 3px rgba(6, 109, 181, 0.35);
}

.color_main,
a.color_main {
    color: var(--eco-green) !important;
}

.bg_color_main {
    background-color: var(--eco-green) !important;
    border-color: var(--eco-green) !important;
}

.text-primary,
.balance_title + span {
    color: var(--eco-green) !important;
}

@media only screen and (max-width: 767px) {
    .header_two {
        background: var(--eco-blue-dark) !important;
    }
}

.card_balance .img_balance {
    background-color: var(--eco-green) !important;
}