/* Duy Khánh brand theme — trắng / đỏ / vàng.
   Colour variables (--brand-red / --brand-accent / --brand-dark) are injected
   inline per-page from site settings; the values below are fallbacks. */
:root {
    --brand-red: #E30613;
    --brand-accent: #FFD200;
    --brand-dark: #16266B;
    /* Ynex admin primary -> red */
    --primary-rgb: 227, 6, 19;
}

/* ============ FRONTEND (Flatsome) ============ */
a { color: var(--brand-red); }
a:hover { color: var(--brand-dark); }

.button.primary, button.primary, input[type="submit"].primary,
.ux-search-submit, .add-to-cart-button, .checkout-button,
.is-outline:hover {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: #fff !important;
}
.button.primary:hover, button.primary:hover {
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
    color: #fff !important;
}
.button.secondary, .is-yellow {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
    color: var(--brand-dark) !important;
}

/* Nav */
.header-nav .nav-top-link:hover,
.header-nav li.active > a,
.header-nav li.current-menu-item > a,
.nav-dropdown a:hover { color: var(--brand-red) !important; }

/* Headings & accents */
h1, h2, h3, .page-title, .entry-title { color: var(--brand-dark); }
.is-divider { background-color: var(--brand-accent); }

/* Breadcrumb / links inside content */
.entry-content a { color: var(--brand-red); }

/* Brand accent bar under the header: red → yellow gradient (trắng · đỏ · vàng) */
.header-main {
    border-bottom: 3px solid var(--brand-red);
    border-image: linear-gradient(90deg, var(--brand-red) 0%, var(--brand-red) 60%, var(--brand-accent) 100%) 1;
}

/* ============ ADMIN (Ynex) ============ */
.btn-primary, .bg-primary { background-color: var(--brand-red) !important; border-color: var(--brand-red) !important; }
.btn-primary:hover { background-color: #b8050f !important; border-color: #b8050f !important; }
.text-primary { color: var(--brand-red) !important; }
.app-sidebar .side-menu__item.active,
.app-sidebar .side-menu__item:hover { color: var(--brand-red) !important; }
.app-sidebar .side-menu__item.active .side-menu__icon { color: var(--brand-red) !important; }
a.text-primary:hover { color: #b8050f !important; }
.badge.bg-primary-transparent { background-color: rgba(227, 6, 19, .1) !important; color: var(--brand-red) !important; }
.page-header-breadcrumb .breadcrumb-item.active { color: var(--brand-red); }
/* yellow accent for admin highlights */
.badge.bg-warning-transparent { background-color: rgba(255, 210, 0, .18) !important; color: #9a7d00 !important; }