/* Khairat El-Reef edition: brand colours from khayratalreef.com
   dark green #2e5b2b · green #4e7a3e · leaf green #4caf50 · gold #eabe12 */
:root {
    --kh-dark: #2e5b2b;
    --kh-green: #4e7a3e;
    --kh-leaf: #4caf50;
    --kh-gold: #eabe12;
    --bs-primary: #2e5b2b;
    --bs-primary-rgb: 46, 91, 43;
    --bs-success: #4caf50;
    --bs-success-rgb: 76, 175, 80;
    --bs-warning: #eabe12;
    --bs-warning-rgb: 234, 190, 18;
    --bs-link-color: #2e5b2b;
    --bs-link-color-rgb: 46, 91, 43;
    --bs-link-hover-color: #4e7a3e;
    --bs-link-hover-color-rgb: 78, 122, 62;
}

.btn-primary {
    --bs-btn-bg: #2e5b2b; --bs-btn-border-color: #2e5b2b;
    --bs-btn-hover-bg: #4e7a3e; --bs-btn-hover-border-color: #4e7a3e;
    --bs-btn-active-bg: #24481f; --bs-btn-active-border-color: #24481f;
    --bs-btn-disabled-bg: #2e5b2b; --bs-btn-disabled-border-color: #2e5b2b;
    background-color: #2e5b2b; border-color: #2e5b2b;
}
.btn-primary:hover, .btn-primary:focus { background-color: #4e7a3e; border-color: #4e7a3e; }
.btn-outline-primary {
    --bs-btn-color: #2e5b2b; --bs-btn-border-color: #2e5b2b;
    --bs-btn-hover-bg: #2e5b2b; --bs-btn-hover-border-color: #2e5b2b;
    --bs-btn-active-bg: #2e5b2b; --bs-btn-active-border-color: #2e5b2b;
    color: #2e5b2b; border-color: #2e5b2b;
}
.btn-outline-primary:hover { background-color: #2e5b2b; color: #fff; }
.btn-success { --bs-btn-bg: #4caf50; --bs-btn-border-color: #4caf50; --bs-btn-hover-bg: #43a047; --bs-btn-hover-border-color: #43a047; background-color: #4caf50; border-color: #4caf50; }
.btn-warning { --bs-btn-bg: #eabe12; --bs-btn-border-color: #eabe12; --bs-btn-hover-bg: #d4ab0f; background-color: #eabe12; border-color: #eabe12; }

.bg-primary { background-color: #2e5b2b !important; }
.text-primary { color: #2e5b2b !important; }
.badge-primary, .badge.bg-primary { background-color: #2e5b2b !important; }
.card-primary:not(.card-outline) > .card-header { background-color: #2e5b2b; }
.card-primary.card-outline { border-top-color: #2e5b2b; }
.page-item.active .page-link { background-color: #2e5b2b; border-color: #2e5b2b; }
.page-link { color: #2e5b2b; }
.form-control:focus, .form-select:focus { border-color: #4caf50; box-shadow: 0 0 0 .2rem rgba(76, 175, 80, .25); }
.form-check-input:checked, .custom-control-input:checked ~ .custom-control-label::before { background-color: #2e5b2b; border-color: #2e5b2b; }

/* Sidebar and header */
.main-sidebar, .main-sidebar .brand-link { background-color: #2e5b2b !important; }
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active { background-color: #4caf50 !important; color: #fff !important; }
.nav-sidebar .nav-treeview .nav-link.active { background-color: rgba(234, 190, 18, .25) !important; color: #fff !important; }
.main-header.navbar { border-bottom: 3px solid #4caf50; }

/* Header in the point-of-sale dark green: white text, gold action button */
.main-header.navbar { background-color: #2e5b2b !important; }
.main-header.navbar .navbar-nav > .nav-item > .nav-link,
.main-header.navbar .navbar-title,
.main-header.navbar .navbar-user-name,
.main-header.navbar .fa-user-circle { color: #fff !important; }
.main-header.navbar .navbar-nav > .nav-item > .nav-link:hover { color: #eabe12 !important; }
.main-header.navbar .lang-switch button { color: #fff; border-color: transparent !important; }
.main-header.navbar .lang-switch button[aria-pressed="true"] { border-color: #fff !important; }
.main-header.navbar .btn-primary { background-color: #eabe12; border-color: #eabe12; color: #2b2300; }
.main-header.navbar .btn-primary:hover, .main-header.navbar .btn-primary:focus { background-color: #d4ab0f; border-color: #d4ab0f; color: #2b2300; }
.main-header.navbar .navbar-toggler { border-color: rgba(255, 255, 255, .5); }
.main-header.navbar .navbar-toggler-icon { filter: invert(1); }
/* Header shortcuts: icons only when the screen is not wide enough for the labels */
.main-header.navbar .nav-shortcuts .btn { white-space: nowrap; }
@media (max-width: 1499.98px) { .main-header.navbar .nav-shortcuts .btn span { display: none; } }

/* Header icons all white on the green (not inside the drop-down menus) */
.main-header.navbar .nav-link,
.main-header.navbar .nav-link i,
.main-header.navbar .nav-link .text-success { color: #fff !important; }

/* Small screens: the header items stay visible in one wrapping row instead of a collapsed vertical list */
@media (max-width: 991.98px) {
    .main-header.navbar { flex-wrap: wrap; row-gap: 6px; padding-top: 6px; padding-bottom: 6px; }
    .main-header.navbar #topNavBar { display: flex !important; flex: 0 0 100%; max-width: 100%; justify-content: flex-end; }
    .main-header.navbar .navbar-utilities { max-width: 100%; margin-inline-start: 0; }
    .main-header.navbar > .navbar-nav { flex-direction: row; align-items: center; }
    .main-header.navbar .navbar-utilities { flex-direction: row !important; flex-wrap: wrap; justify-content: flex-end; row-gap: 6px; }
    .main-header.navbar .navbar-utilities .nav-link { padding: .25rem .4rem; }
}
@media (max-width: 575.98px) {
    .main-header.navbar .navbar-user-name, .main-header.navbar .fa-user-circle { display: none; }
}