/* Own Haven brand palette — extracted from Ownhaven-Redo1.png */
:root {
    --brand-blue: #009CDE;
    --brand-yellow: #FFC20E;
    --brand-red: #E31B23;
    --brand-white: #FFFFFF;
    --brand-text: #4D4D4D;
    --brand-blue-dark: #007AB0;
    --brand-neutral-bg: #f5f7fb;
    --brand-neutral-border: #e6edef;
    --brand-nav-text: #333333;
}

.button-spacing {
    margin-right: 5px;
}

.btn-brand-primary,
.imizi-green {
    background-color: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
    color: #fff !important;
}

.btn-brand-primary:hover,
.imizi-green:hover {
    background-color: var(--brand-blue-dark) !important;
    border-color: var(--brand-blue-dark) !important;
    color: #fff !important;
}

.btn-edit-imizi,
.btn-brand-edit {
    background-color: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
    color: #fff !important;
}

.btn-edit-imizi:hover,
.btn-brand-edit:hover {
    background-color: var(--brand-blue-dark) !important;
    color: #fff !important;
}

.btn-cancel-imizi,
.btn-brand-cancel {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    color: var(--brand-nav-text) !important;
}

.btn-cancel-imizi:hover,
.btn-brand-cancel:hover {
    background-color: #f0f0f0 !important;
    color: var(--brand-nav-text) !important;
}

.btn-delete-imizi,
.btn-brand-danger {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: #fff !important;
}

.btn-delete-imizi:hover,
.btn-brand-danger:hover {
    background-color: #c41820 !important;
    color: #fff !important;
}

.btn-login {
    background-color: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
    color: #fff !important;
}

.btn-login:hover {
    background-color: var(--brand-blue-dark) !important;
    border-color: var(--brand-blue-dark) !important;
}

.card-header,
.card-header-brand {
    color: var(--brand-blue) !important;
    border-bottom: var(--bs-card-border-width, 1px) solid var(--brand-blue) !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.active > .page-link,
.page-link.active {
    background-color: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
    color: #fff !important;
}

.page-link {
    color: var(--brand-blue) !important;
}

.page-link:hover {
    color: var(--brand-blue-dark) !important;
}

.modal-header-brand {
    color: var(--brand-blue) !important;
    font-weight: bold;
}

.brand-link,
.orange-link {
    color: var(--brand-blue) !important;
    text-decoration: none;
}

.brand-link:hover,
.orange-link:hover {
    color: var(--brand-blue-dark) !important;
    text-decoration: underline;
}

.required-indicator {
    color: var(--brand-red);
}

#top-navbar {
    background-color: #1a1a1a !important;
    border-bottom: 3px solid var(--brand-blue);
}

#top-navbar .navbar-nav > li > a.nav-link.dropdown-toggle {
    color: var(--brand-white) !important;
}

#top-navbar .navbar-nav > li > a {
    color: var(--brand-white) !important;
}

#top-navbar .navbar-text {
    color: var(--brand-white) !important;
}

#top-navbar .navbar-toggler-icon {
    filter: invert(1);
}