/*
 * Brand refresh for the vendor-console dashboard (Argon theme).
 * Loaded after dist/css/app.css so these overrides win the cascade.
 * Swaps the old green (#2bac32 etc.) for the site's navy (#12233a) +
 * amber (#e8973a) palette. Layout/markup untouched — colors only.
 */

:root {
    --brand-ink: #12233a;
    --brand-ink-light: #1c3a5e;
    --brand-amber: #e8973a;
    --brand-amber-dark: #c97a1a;
}

/* Top bar (the big green "DASHBOARD" strip) */
.main-content .navbar-top {
    background-color: var(--brand-ink) !important;
}

/* Primary buttons */
.btn.btn-primary {
    background-color: var(--brand-ink) !important;
    border-color: var(--brand-ink) !important;
    color: #fff !important;
}

.btn.btn-primary:not(:disabled):not(.disabled).active,
.btn.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-primary.dropdown-toggle {
    background-color: var(--brand-ink-light) !important;
    border-color: var(--brand-ink-light) !important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, var(--brand-ink) 0, var(--brand-ink-light) 100%) !important;
}

/* Links, active nav state, page titles */
a {
    color: var(--brand-ink);
}

a:hover {
    color: var(--brand-amber-dark);
}

a.text-primary:focus,
a.text-primary:hover {
    color: var(--brand-amber-dark) !important;
}

.text-primary {
    color: var(--brand-ink) !important;
}

.lw-page-title {
    color: var(--brand-ink);
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: var(--brand-ink) !important;
}

.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
    border-left: 2px solid var(--brand-amber) !important;
}

/* Pagination, dropdowns, confirm dialogs */
.page-item.active .page-link {
    background-color: var(--brand-ink) !important;
    border-color: var(--brand-ink) !important;
}

.dropdown-item.active,
.dropdown-item:active,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: var(--brand-ink) !important;
}