:root {
    --client-deep-green: #174B3C;
    --client-champagne-gold: #C79C4A;
    --client-ivory-white: #FAF6EF;
    --client-pure-white: #FFFFFF;
    --client-light-gold-beige: #E3D7BD;
    --client-charcoal-black: #263A32;
    --client-green-hover: #103A2E;
    --client-gold-ink: #806020;
    --client-gold-highlight: #E5C77F;
    --client-muted: #65746A;
    --client-soft-green: #EDF3EE;
    --client-soft-gold: #F5EBD7;
    --theme-color: #174B3C;
    --line: #C79C4A;
    --dot: #C79C4A;
    --circle: #C79C4A;
}

body {
    color: var(--client-charcoal-black) !important;
    background: var(--client-ivory-white) !important;
}

h1, h2, h3, h4, h5, h6,
.page-title h3,
.row [class*="col-"] .widget .widget-header h4,
.navbar .navbar-item .nav-item .dropdown-menu .dropdown-item a,
.header-container .navbar .language-dropdown .dropdown-menu a span,
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body p.msg-title,
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media-body .notification-para,
.dt-button {
    color: var(--client-charcoal-black) !important;
}

.form-control,
.list-icon .list-text {
    color: var(--client-charcoal-black) !important;
}

a,
a:hover,
span.blue,
.text-primary,
.navbar .theme-brand li.theme-text a,
.navbar .navbar-item .nav-item.dropdown.user-profile-dropdown .nav-link i,
.navbar .navbar-item .nav-item.dropdown.language-dropdown .nav-link i,
.navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link i,
.navbar .navbar-item .nav-item.dropdown.fullscreen-dropdown .nav-link i,
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link i,
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body h5.usr-name,
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu svg,
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media-body .notification-para .user-name,
.sub-header-container .navbar .sidebarCollapse i,
.sub-header-container .navbar .toggle-sidebar i,
.toggle-code-snippet svg,
.list-icon svg {
    color: var(--client-deep-green) !important;
}

.page-title h3,
.sub-header-container .breadcrumb-one .breadcrumb-item,
.sub-header-container .breadcrumb-one .breadcrumb-item a,
.sub-header-container .breadcrumb-one .breadcrumb-item.active,
.sub-header-container .breadcrumb-one .breadcrumb-item.active a {
    color: var(--client-deep-green) !important;
}

.header-container .navbar,
.sub-header-container .navbar,
.widget.box .widget-header,
.widget.box .widget-footer,
.modal-content,
.dropdown-menu,
.form-control,
.card,
.table {
    background-color: var(--client-pure-white) !important;
}

.header-container,
.dropdown:not(.custom-dropdown-icon) .dropdown-menu,
.header-container .navbar .dropdown-menu,
.form-control,
.custom-file-input:focus ~ .custom-file-label,
table.dataTable tbody td,
table.dataTable thead th,
.widget.box .widget-footer {
    border-color: var(--client-light-gold-beige) !important;
}

.sidebar-theme {
    background: var(--client-deep-green) !important;
    box-shadow: 4px 0 12px rgba(23, 63, 53, 0.22) !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle,
#sidebar ul.menu-categories li.menu > .dropdown-toggle i,
#sidebar ul.menu-categories ul.submenu > li a,
#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a,
#sidebar ul.menu-categories ul.submenu > li ul.sub-sub-submenu > li a,
#sidebar ul.menu-categories li.menu-title {
    color: var(--client-pure-white) !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"],
#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg,
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover,
#sidebar ul.menu-categories li.menu > .dropdown-toggle.dropdown-toggle:not([data-active="true"]):not([aria-expanded="true"]):hover,
#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) {
    color: var(--client-gold-highlight) !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"],
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover,
#sidebar ul.menu-categories li.menu > .dropdown-toggle.dropdown-toggle:not([data-active="true"]):not([aria-expanded="true"]):hover,
#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) {
    background: rgba(200, 164, 93, 0.16) !important;
    border-left-color: var(--client-gold-highlight) !important;
}

#sidebar ul.menu-categories ul.submenu > li a:hover:before,
#sidebar ul.menu-categories ul.submenu li > [data-active="true"]:before,
#sidebar ul.menu-categories li.menu ul.submenu li.active ul.sub-submenu li.active a:before,
.navbar .notification-dropdown .nav-link .blink .circle,
.navbar .notification-dropdown .nav-link .blink .circle::before {
    background-color: var(--client-gold-highlight) !important;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary.btn[disabled],
.btn-primary:disabled,
.badge-primary,
.ripple-button-primary,
.dt-button {
    color: var(--client-pure-white) !important;
    background: var(--client-deep-green) !important;
    border-color: var(--client-deep-green) !important;
    box-shadow: 0 4px 10px rgba(23, 75, 60, 0.16) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.ripple-button-primary:hover,
.ripple-button-primary:focus {
    color: var(--client-pure-white) !important;
    background: var(--client-green-hover) !important;
    border-color: var(--client-green-hover) !important;
}

.btn-secondary,
.btn-dark {
    color: var(--client-pure-white) !important;
    background-color: var(--client-charcoal-black) !important;
    border-color: var(--client-charcoal-black) !important;
}

.btn-soft-primary {
    color: var(--client-deep-green) !important;
    background-color: rgba(200, 164, 93, 0.18) !important;
    border-color: rgba(200, 164, 93, 0.24) !important;
}

.scroll-top-arrow,
.responsive-msg-component p a.close-msg-component {
    background: var(--client-champagne-gold) !important;
}

blockquote.blockquote {
    border-color: var(--client-light-gold-beige) !important;
    border-left-color: var(--client-champagne-gold) !important;
}

blockquote.media-object.m-o-border-right {
    border-right-color: var(--client-champagne-gold) !important;
}

.navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link span.badge,
.navbar .navbar-item.dropdown.fullscreen-dropdown .nav-link span.badge,
.navbar .navbar-item .nav-item.dropdown.fullscreen-dropdown .nav-link span.badge,
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link span.badge {
    background: var(--client-champagne-gold) !important;
    border-color: var(--client-light-gold-beige) !important;
}

.header-container .navbar .dropdown-item:hover,
.header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:hover,
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:hover,
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:hover,
#example tbody tr:hover {
    background-color: rgba(200, 164, 93, 0.12) !important;
}

.custom-control-input:checked ~ .custom-control-label::before,
.switch input:checked + .slider,
.switch input:checked + .slider:before {
    background-color: var(--client-champagne-gold) !important;
    border-color: var(--client-champagne-gold) !important;
}

table.dataTable > thead > tr > th,
#example thead tr th,
#example tfoot tr th {
    color: var(--client-pure-white) !important;
    background: var(--client-deep-green) !important;
    background-color: var(--client-deep-green) !important;
    border-color: var(--client-light-gold-beige) !important;
}

table.dataTable a,
.dataTables_wrapper table a {
    color: var(--client-deep-green) !important;
    font-weight: 600;
}

table.dataTable a:hover,
.dataTables_wrapper table a:hover {
    color: var(--client-gold-ink) !important;
    text-decoration: underline;
}

.dataTables_wrapper .pagination .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item .page-link,
.date-table-container .page-link {
    color: var(--client-deep-green) !important;
    border-color: var(--client-light-gold-beige) !important;
    background-color: var(--client-pure-white) !important;
}

.dataTables_wrapper .pagination .page-link:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item .page-link:hover,
.date-table-container .page-link:hover {
    color: var(--client-pure-white) !important;
    border-color: var(--client-deep-green) !important;
    background-color: var(--client-deep-green) !important;
}

.dataTables_wrapper .pagination .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active .page-link,
.date-table-container .page-item.active .page-link {
    color: var(--client-pure-white) !important;
    border-color: var(--client-deep-green) !important;
    background-color: var(--client-deep-green) !important;
}

.dataTables_wrapper .pagination .page-item.disabled .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item.disabled .page-link,
.date-table-container .page-item.disabled .page-link {
    color: var(--client-deep-green) !important;
    border-color: var(--client-light-gold-beige) !important;
    background-color: var(--client-ivory-white) !important;
    opacity: 0.65;
}

/* Zevora: forest green foundations, metallic gold accents, warm ivory surfaces. */
a:hover, a:focus-visible {
    color: var(--client-gold-ink) !important;
}

.header-container .navbar {
    border-bottom: 2px solid var(--client-champagne-gold);
    box-shadow: 0 3px 14px rgba(23, 75, 60, 0.06);
}

.sub-header-container .navbar,
.widget.box .widget-footer {
    background-color: var(--client-ivory-white) !important;
}

.sidebar-theme {
    background: linear-gradient(180deg, #174B3C 0%, #103A2E 100%) !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover i,
#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] i,
#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"] i,
#sidebar ul.menu-categories ul.submenu li > a:hover,
#sidebar ul.menu-categories ul.submenu li.active > a,
#sidebar ul.menu-categories ul.submenu li > a[data-active="true"] {
    color: var(--client-gold-highlight) !important;
}

#sidebar ul.menu-categories ul.submenu li > a:hover {
    background-color: rgba(199, 156, 74, 0.12) !important;
}

.btn-outline-primary {
    color: var(--client-deep-green) !important;
    border-color: var(--client-deep-green) !important;
    background: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: var(--client-pure-white) !important;
    background: var(--client-deep-green) !important;
}

.btn-primary.disabled, .btn-primary:disabled, .btn-primary.btn[disabled],
.ripple-button-primary:disabled {
    opacity: 0.55;
    box-shadow: none !important;
}

a:focus-visible, button:focus-visible, .btn:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--client-gold-ink);
    outline-offset: 3px;
}

.form-control:focus,
.login-two .login-two-inputs input:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--client-champagne-gold) !important;
    box-shadow: 0 0 0 3px rgba(199, 156, 74, 0.18) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--client-deep-green) !important;
    border-color: var(--client-deep-green) !important;
}

.navbar .navbar-item .nav-link span.badge,
.scroll-top-arrow,
.responsive-msg-component p a.close-msg-component {
    color: var(--client-green-hover) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(227, 215, 189, 0.22);
}

table.dataTable tbody tr:hover,
#example tbody tr:hover {
    background-color: var(--client-soft-gold) !important;
}

/* Authentication shares the same warm palette as the application shell. */
body.login-two {
    background: radial-gradient(ellipse at top, #F5EBD7, #FAF6EF 65%) !important;
}

.login-two .login-two-start {
    background: var(--client-pure-white);
    border-top: 3px solid var(--client-champagne-gold);
    box-shadow: 0 12px 40px rgba(23, 75, 60, 0.08);
}

.login-two .login-two-inputs input {
    color: var(--client-charcoal-black);
    border-color: var(--client-light-gold-beige);
}

.login-two .login-two-inputs i,
.login-two .login-two-inputs input:focus + .las {
    color: var(--client-deep-green) !important;
}

.login-two .text-muted,
.login-two .login-two-inputs input::placeholder {
    color: var(--client-muted) !important;
}

/* Calendar and booking surfaces; operational status colors remain distinct. */
.calendar-day, .booking-card, .attachment-image, .booking-body {
    border-color: var(--client-light-gold-beige);
}

.calendar-day:hover, .weekend, .booking-header, .attachment-item {
    background: var(--client-ivory-white);
}

.booking-header:hover {
    background: var(--client-soft-gold);
}

.calendar-day.active,
.calendar-day.calendar-day-selected {
    border-color: var(--client-champagne-gold) !important;
    background: var(--client-soft-gold) !important;
    box-shadow: inset 0 0 0 1px var(--client-champagne-gold) !important;
}

.calendar-header, .booking-name, .day-number, .booking-section .value {
    color: var(--client-deep-green);
}

.booking-type, .booking-section .label, .expand-icon {
    color: var(--client-muted);
}

.attachment-link, .attachment-link:hover {
    color: var(--client-gold-ink) !important;
}
