/*
 * LodgePal admin theme — brings the AdminLTE panel in line with the public
 * website's green / black / white palette.
 *
 * The brand green is driven by the --brand variable below. The site's canonical
 * green is #2D9858 (used across the frontend body/buttons); the header/footer
 * carry a temporary #37A05F recolor pending the client's final colour pick — when
 * that's settled, update --brand (and --brand-dark) here in one place.
 */
:root {
    --brand: #2D9858;        /* canonical brand green (frontend body/buttons) */
    --brand-dark: #1f6e40;
    --brand-rgb: 45, 152, 88;
    --brand-black: #1a1d1a;
    --brand-bar: #37A05F;    /* header/footer bar green — matches the logo's own
                                background so the lockup blends borderless */
}

/* ============================================================
   Brand bar (sidebar top / logo)
   Mirrors the public site header: the combined Lodgepal lockup on a #37A05F bar.
   ============================================================ */
.main-sidebar .brand-link {
    background-color: var(--brand-bar);
    border-bottom: none;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}
.main-sidebar .brand-link,
.main-sidebar .brand-link .brand-text {
    color: #ffffff !important;
}
.main-sidebar .brand-link .brand-image {
    opacity: 1;
    max-height: 48px;
    margin: 0;
    float: none;
}

/* ============================================================
   Sidebar (near-black)
   ============================================================ */
.sidebar-dark-primary {
    background-color: var(--brand-black);
}
/* Active item -> brand green */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active:hover,
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: var(--brand);
    color: #ffffff;
    box-shadow: none;
}
/* Hover on inactive items */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}
/* Open parent of an active treeview */
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link {
    background-color: rgba(var(--brand-rgb), 0.15);
    color: #ffffff;
}

/* ============================================================
   Buttons / primary surfaces
   ============================================================ */
.btn-primary {
    background-color: var(--brand);
    border-color: var(--brand);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-rgb), 0.4);
}
.btn-outline-primary {
    color: var(--brand);
    border-color: var(--brand);
}
.btn-outline-primary:hover {
    background-color: var(--brand);
    border-color: var(--brand);
    color: #ffffff;
}
.bg-primary,
.badge-primary,
.bg-gradient-primary {
    background-color: var(--brand) !important;
}
.bg-primary,
.badge-primary {
    border-color: var(--brand) !important;
}
.text-primary {
    color: var(--brand) !important;
}

/* ============================================================
   Links (scoped to content so navbar/sidebar aren't affected)
   ============================================================ */
.content-wrapper a:not(.btn):not(.badge):not(.page-link):not(.dropdown-item):not(.nav-link),
.content-header a:not(.btn),
.login-box a:not(.btn),
.register-box a:not(.btn) {
    color: var(--brand);
}
.content-wrapper a:not(.btn):hover,
.content-header a:not(.btn):hover,
.login-box a:not(.btn):hover,
.register-box a:not(.btn):hover {
    color: var(--brand-dark);
}

/* ============================================================
   Cards
   ============================================================ */
.card-primary:not(.card-outline) > .card-header {
    background-color: var(--brand);
}
.card-primary.card-outline {
    border-top-color: var(--brand);
}

/* ============================================================
   Forms
   ============================================================ */
.form-control:focus,
.custom-select:focus,
.custom-file-input:focus ~ .custom-file-label {
    border-color: var(--brand);
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-rgb), 0.25);
}
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--brand);
    border-color: var(--brand);
}

/* ============================================================
   Pagination / tabs / dropdowns
   ============================================================ */
.page-item.active .page-link {
    background-color: var(--brand);
    border-color: var(--brand);
}
.page-link {
    color: var(--brand);
}
.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-rgb), 0.25);
}
.nav-pills .nav-link.active,
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--brand);
    color: #ffffff;
}