/**
 * Site-wide Barista Hire palette (matches homepage).
 * Loaded after admin-configured :root overrides in layout partials.
 */
:root {
    --barista-brown: #B77211;
    --barista-brown-dark: #9a5f0e;
    --barista-brown-light: #c9892f;
    --barista-footer-brown: #51341F;
    --barista-navy: #2d2d44;

    --primary-500: #B77211 !important;
    --primary-600: #9a5f0e !important;
    --primary-400: #c9892f !important;
    --primary-200: #e8c9a0 !important;
    --primary-100: #f3e4d0 !important;
    --primary-50: #faf6f0 !important;
    --gray-20: #fdfbf8 !important;
}

.auth-right-sidebar .barista-auth-sidebar-bg {
    background-position: center center;
    background-size: cover;
}

.auth-right-sidebar .barista-auth-sidebar-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(45, 45, 68, 0.35) 0%,
        rgba(81, 52, 31, 0.72) 100%
    );
    pointer-events: none;
}

.auth-right-sidebar .barista-auth-sidebar-bg .sidebar-content {
    position: relative;
    z-index: 1;
}
.auth-right-sidebar .barista-auth-sidebar-bg .sidebar-content .brand-logo {
    max-width: 200px;
    width: auto;
    height: auto;
    max-height: 56px;
    object-fit: contain;
    display: block;
}

.site-header.auth-header .main-header .navbar {
    background: #fff !important;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 1px 0 #ececec;
}

.site-header.auth-header {
    border-top: 3px solid var(--barista-navy);
}

/* Buttons & Bootstrap primary */
.btn-primary,
.btn-primary:focus {
    background-color: var(--barista-brown) !important;
    border-color: var(--barista-brown) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:active {
    background-color: var(--barista-brown-dark) !important;
    border-color: var(--barista-brown-dark) !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: var(--barista-brown) !important;
    border-color: var(--barista-brown) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--barista-brown) !important;
    border-color: var(--barista-brown) !important;
    color: #fff !important;
}

.bg-primary {
    background-color: var(--barista-brown) !important;
}

.text-primary,
.text-primary-500,
.text-primary-600,
.hover\:text-primary-600:hover {
    color: var(--barista-brown) !important;
}

.border-primary,
.border-primary-500,
.border-primary-600 {
    border-color: var(--barista-brown) !important;
}

.bg-primary-50,
.btn-primary-50 {
    background-color: var(--primary-50) !important;
}

/* Links */
.rt-single-widget a,
.rt-single-icon-box .iconbox-content h4 a:hover,
.btn-link:hover {
    color: var(--barista-brown-dark);
}

a.text-primary-500:hover {
    color: var(--barista-brown-dark) !important;
}

/* Forms */
.form-control:focus,
.form-select:focus {
    border-color: var(--barista-brown-light) !important;
    box-shadow: 0 0 0 0.2rem rgba(183, 114, 17, 0.2) !important;
}

.form-check-input:checked {
    background-color: var(--barista-brown) !important;
    border-color: var(--barista-brown) !important;
}

.dashboard-settings-form .form-check-input:checked ~ .form-check-label {
    color: var(--barista-brown) !important;
}

/* Select2 */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--barista-brown) !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--barista-brown-light) !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--barista-brown) !important;
    border-color: var(--barista-brown) !important;
}

.page-link {
    color: var(--barista-brown);
}

.page-link:hover {
    color: var(--barista-brown-dark);
}

/* Dashboard sidebar & tabs */
.sidebar-menu li a.active,
.sidebar-menu li a.active:hover,
.sidebar-menu li a:hover {
    color: var(--barista-brown) !important;
}

.cadidate-dashboard-tabs .nav-pills .nav-link.active,
.cadidate-dashboard-tabs .nav-pills .nav-link:hover {
    background-color: transparent !important;
    color: var(--barista-brown) !important;
}

.cadidate-dashboard-tabs .nav-pills .nav-link.active path,
.cadidate-dashboard-tabs .nav-pills .nav-link:hover path {
    fill: none;
    stroke: var(--barista-brown) !important;
}

.cadidate-dashboard-tabs .nav-pills .nav-link.active::before,
.cadidate-dashboard-tabs .nav-pills .nav-link:hover::before {
    background-color: var(--barista-brown) !important;
}

/* Job cards, badges, tags */
.bg-primary-500,
.hover\:bg-primary-500:hover,
.bg-primary-600,
.hover\:bg-primary-600:hover {
    background-color: var(--barista-brown) !important;
}

.badge.bg-primary,
.rt-badge-primary {
    background-color: var(--barista-brown) !important;
}

/* Breadcrumbs & section accents */
.breadcrumb-item.active {
    color: var(--barista-brown-dark) !important;
}

/* Scroll to top */
#scrollUp,
#customScrollUp {
    background: var(--barista-brown) !important;
}

#scrollUp:hover,
#customScrollUp:hover {
    background: var(--barista-brown-dark) !important;
}

/* Auth modals / cards */
.card-header.bg-primary {
    background-color: var(--barista-brown) !important;
    border-color: var(--barista-brown-dark) !important;
}

/* Pricing / plan highlights */
.pricing-table-active,
.plan-card.active,
.rt-price-table.active {
    border-color: var(--barista-brown) !important;
}

/* Swal / toastr accent buttons (keep default structure) */
.swal2-styled.swal2-confirm {
    background-color: var(--barista-brown) !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(183, 114, 17, 0.45) !important;
}