/* =====================================================
   BOOTSTRAP 5.3 THEME ROOT (JOOMLA 6)
===================================================== */

:root,
:root[data-bs-theme="light"] {
    --body-fade-rgb: 255,255,255;
    --accent: #2563eb;
    --surface: #ffffff;
    --surface-muted: #f7f8fa;
    --text-main: #1a1a1a;
    --text-muted: #6b7280;
    --border-subtle: rgba(0,0,0,0.08);
}

:root[data-bs-theme="dark"],
:root[data-theme="dark"],
:root.dark-mode {
    --body-fade-rgb: 18,22,28;
    --accent: #60a5fa;
    --surface: #12161d;
    --surface-muted: #1e232b;
    --text-main: #f1f5f9;
    --text-muted: #9aa3af;
    --border-subtle: rgba(255,255,255,0.12);
}


/* =====================================================
   BASE PAGE STRUCTURE & HERO LAYERS
===================================================== */

body {
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    background: transparent;
    font-family: Inter, Nunito, Rubik, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 200% auto;
    z-index: 0;
    pointer-events: none;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(var(--body-fade-rgb),0) 0,
        rgba(var(--body-fade-rgb),0.8) 325px,
        rgba(var(--body-fade-rgb),1) 100%
    );
    z-index: 1;
    pointer-events: none;
}


/* =====================================================
   PAGE HERO IMAGES
===================================================== */

.page-about::before,
.page-about .container-header::before {
    background-image: url("/images/headers/about-banner.jpg");
}

.page-residential::before,
.page-residential .container-header::before {
    background-image: url("/images/headers/residential-banner.jpg");
}

.page-commercial::before,
.page-commercial .container-header::before {
    background-image: url("/images/headers/commercial-banner.png");
}

.page-industrial::before,
.page-industrial .container-header::before {
    background-image: url("/images/headers/industrial-banner.jpg");
}

.page-civil::before,
.page-civil .container-header::before {
    background-image: url("/images/headers/civil-banner.png");
}

.page-space::before,
.page-space .container-header::before {
    background-image: url("/images/headers/space-banner.jpg");
}

.page-insights::before,
.page-insights .container-header::before {
    background-image: url("/images/headers/insights-banner.jpg");
}


/* =====================================================
   STACKING CONTEXT
===================================================== */

header,
main,
footer,
.container-main,
.phTplContainer {
    position: relative;
    z-index: 2;
    background: transparent !important;
    isolation: isolate;
}

body > .container,
body > .container-fluid,
header .container,
footer .container,
main > .container,
main > .container-fluid {
    position: relative;
    z-index: 2;
}


/* =====================================================
   GOOGLE MAPS PROTECTION
===================================================== */

#map img,
#map_canvas img,
#mapDiv img,
.gm-style img {
    max-width: none !important;
}


/* =====================================================
   HEADER HERO
===================================================== */

.container-header {
    position: sticky;
    top: 0;
    min-height: 300px;
    z-index: 1000;
    overflow: hidden;
}

.container-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 200% auto;
    pointer-events: none;
    z-index: 0;
    mask-image: linear-gradient(
        to bottom,
        black 0%,
        black 70%,
        transparent 100%
    );
}

body.task-editproperty .container-header,
body.task-userproperty .container-header,
body.view-propertyaddedit .container-header,
body.view-userproperty .container-header,
body.view-myproperty .container-header {
    position: relative;
    min-height: auto;
    z-index: auto;
}

.container-header,
.container-header a,
.container-header svg {
    color: #ffffff;
    fill: #ffffff;
}


/* =====================================================
   MOBILE MENU CK — Z-INDEX & DARK MODE
===================================================== */

.mobilemenuck-bar {
    z-index: 1100 !important;
}

.mobilemenuck,
.mobilemenuck-submenu {
    z-index: 1050 !important;
}

[class*="mobilemenuck"] + .mobilemenuck-overlay {
    z-index: 1040 !important;
}

[data-bs-theme="dark"] .mobilemenuck,
[data-theme="dark"] .mobilemenuck,
.dark-mode .mobilemenuck {
    background-color: #1a1e25 !important;
}

[data-bs-theme="dark"] .mobilemenuck li,
[data-theme="dark"] .mobilemenuck li,
.dark-mode .mobilemenuck li {
    border-color: #333 !important;
}

[data-bs-theme="dark"] .mobilemenuck li a,
[data-theme="dark"] .mobilemenuck li a,
.dark-mode .mobilemenuck li a {
    color: #e0e0e0 !important;
    background-color: #1a1e25 !important;
}

[data-bs-theme="dark"] .mobilemenuck li a:hover,
[data-theme="dark"] .mobilemenuck li a:hover,
.dark-mode .mobilemenuck li a:hover {
    background-color: #2a2f38 !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .mobilemenuck-submenu,
[data-theme="dark"] .mobilemenuck-submenu,
.dark-mode .mobilemenuck-submenu {
    background-color: #12161d !important;
}

[data-bs-theme="dark"] .mobilemenuck-submenu li a,
[data-theme="dark"] .mobilemenuck-submenu li a,
.dark-mode .mobilemenuck-submenu li a {
    color: #cdd5e0 !important;
    background-color: #12161d !important;
}

[data-bs-theme="dark"] .mobilemenuck-submenu li a:hover,
[data-theme="dark"] .mobilemenuck-submenu li a:hover,
.dark-mode .mobilemenuck-submenu li a:hover {
    background-color: #1a1e25 !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .mobilemenuck-bar,
[data-theme="dark"] .mobilemenuck-bar,
.dark-mode .mobilemenuck-bar {
    background-color: #12161d !important;
}

[data-bs-theme="dark"] .mobilemenuck-bar-title,
[data-theme="dark"] .mobilemenuck-bar-title,
.dark-mode .mobilemenuck-bar-title {
    color: #e0e0e0 !important;
}


/* =====================================================
   DESKTOP MENU — DROPDOWN ARROW INDICATORS
===================================================== */

.maximenuckh ul.maximenuck li.level1.parent > a:after,
.maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
    border-style: none !important;
    border-width: 0 !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 1.5px solid rgba(255,255,255,0.5) !important;
    border-bottom: 1.5px solid rgba(255,255,255,0.5) !important;
    transform: rotate(45deg) !important;
    left: auto !important;
    right: -2px !important;
    bottom: 6px !important;
    margin: 0 !important;
    float: none !important;
    transition: border-color 0.2s ease, transform 0.2s ease !important;
}

.maximenuckh ul.maximenuck li.level1.parent:hover > a:after,
.maximenuckh ul.maximenuck li.level1.parent:hover > span.separator:after {
    border-right-color: #fff !important;
    border-bottom-color: #fff !important;
}

[data-bs-theme="dark"] .maximenuckh ul.maximenuck li.level1.parent > a:after,
[data-theme="dark"] .maximenuckh ul.maximenuck li.level1.parent > a:after,
.dark-mode .maximenuckh ul.maximenuck li.level1.parent > a:after,
[data-bs-theme="dark"] .maximenuckh ul.maximenuck li.level1.parent > span.separator:after,
[data-theme="dark"] .maximenuckh ul.maximenuck li.level1.parent > span.separator:after,
.dark-mode .maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
    border-right-color: rgba(255,255,255,0.4) !important;
    border-bottom-color: rgba(255,255,255,0.4) !important;
}

[data-bs-theme="dark"] .maximenuckh ul.maximenuck li.level1.parent:hover > a:after,
[data-theme="dark"] .maximenuckh ul.maximenuck li.level1.parent:hover > a:after,
.dark-mode .maximenuckh ul.maximenuck li.level1.parent:hover > a:after,
[data-bs-theme="dark"] .maximenuckh ul.maximenuck li.level1.parent:hover > span.separator:after,
[data-theme="dark"] .maximenuckh ul.maximenuck li.level1.parent:hover > span.separator:after,
.dark-mode .maximenuckh ul.maximenuck li.level1.parent:hover > span.separator:after {
    border-right-color: rgba(255,255,255,0.8) !important;
    border-bottom-color: rgba(255,255,255,0.8) !important;
}


/* =====================================================
   FOOTER & BREADCRUMBS
===================================================== */

.container-footer,
.container-breadcrumbs {
    background: rgba(0,0,0,0.35) !important;
    backdrop-filter: blur(6px);
}


/* =====================================================
   COMMON UI CONTROLS
===================================================== */

a { color: var(--accent); }

hr { border-color: var(--border-subtle); }

.badge,
.btn {
    background: var(--surface-muted);
    color: var(--text-main);
    border: 1px solid var(--border-subtle);
}

.btn-primary {
    background: var(--accent);
    color: #ffffff;
    border: none;
}

input,
select,
textarea {
    background: var(--surface);
    color: var(--text-main);
    border: 1px solid var(--border-subtle);
}


/* =====================================================
   PROPERTY CARDS (OS Property listing)
===================================================== */

.property-card {
    background: var(--surface-muted);
    border-radius: 14px;
    border: 1px solid var(--border-subtle);
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

[data-bs-theme="dark"] .property-card *,
[data-theme="dark"] .property-card *,
.dark-mode .property-card * {
    color: #e5e7eb !important;
}


/* =====================================================
   PROPERTY DETAILS – HEADER & TABS
===================================================== */

[data-bs-theme="dark"] .property-header-modern,
[data-theme="dark"] .property-header-modern,
.dark-mode .property-header-modern {
    background: #12161d !important;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .property-header-modern *,
[data-theme="dark"] .property-header-modern *,
.dark-mode .property-header-modern * {
    color: #f1f5f9 !important;
}

[data-bs-theme="dark"] #propertyDetailsTab > div[role="tablist"],
[data-theme="dark"] #propertyDetailsTab > div[role="tablist"],
.dark-mode #propertyDetailsTab > div[role="tablist"],
[data-bs-theme="dark"] #property > div[role="tablist"],
[data-theme="dark"] #property > div[role="tablist"],
.dark-mode #property > div[role="tablist"] {
    background: #1a1e25 !important;
}

[data-bs-theme="dark"] #propertyDetailsTab button[aria-selected="false"],
[data-theme="dark"] #propertyDetailsTab button[aria-selected="false"],
.dark-mode #propertyDetailsTab button[aria-selected="false"],
[data-bs-theme="dark"] #property button[aria-selected="false"],
[data-theme="dark"] #property button[aria-selected="false"],
.dark-mode #property button[aria-selected="false"] {
    color: #9aa3af !important;
}

[data-bs-theme="dark"] #propertyDetailsTab button[aria-selected="true"],
[data-theme="dark"] #propertyDetailsTab button[aria-selected="true"],
.dark-mode #propertyDetailsTab button[aria-selected="true"],
[data-bs-theme="dark"] #property button[aria-selected="true"],
[data-theme="dark"] #property button[aria-selected="true"],
.dark-mode #property button[aria-selected="true"] {
    background: #12161d !important;
    color: #f1f5f9 !important;
}


/* =====================================================
   PROPERTY DETAIL PAGE
===================================================== */

[data-bs-theme="dark"] .left_details_col,
[data-theme="dark"] .left_details_col,
.dark-mode .left_details_col,
[data-bs-theme="dark"] .right_details_col,
[data-theme="dark"] .right_details_col,
.dark-mode .right_details_col {
    color: #e5e7eb;
}

[data-bs-theme="dark"] .header_td,
[data-theme="dark"] .header_td,
.dark-mode .header_td {
    background-color: #1a1e25 !important;
    color: #e5e7eb;
    border-bottom-color: rgba(255,255,255,0.12);
    border-right-color: rgba(255,255,255,0.08);
}

[data-bs-theme="dark"] .data_td,
[data-theme="dark"] .data_td,
.dark-mode .data_td {
    border-bottom-color: rgba(255,255,255,0.08) !important;
    color: #cdd5e0;
}

[data-bs-theme="dark"] .compare_title,
[data-theme="dark"] .compare_title,
.dark-mode .compare_title,
[data-bs-theme="dark"] table.comparetable td,
[data-theme="dark"] table.comparetable td,
.dark-mode table.comparetable td,
[data-bs-theme="dark"] table.tablelistproperties td,
[data-theme="dark"] table.tablelistproperties td,
.dark-mode table.tablelistproperties td {
    color: #e5e7eb;
}

[data-bs-theme="dark"] div.ospitem-iconbkgr,
[data-theme="dark"] div.ospitem-iconbkgr,
.dark-mode div.ospitem-iconbkgr {
    background-color: #1a1e25;
}

[data-bs-theme="dark"] .ospitem-propertytitle,
[data-theme="dark"] .ospitem-propertytitle,
.dark-mode .ospitem-propertytitle,
[data-bs-theme="dark"] .ospitem-maptitle,
[data-theme="dark"] .ospitem-maptitle,
.dark-mode .ospitem-maptitle {
    color: #cdd5e0;
}

[data-bs-theme="dark"] #ospitem-watermark_box,
[data-theme="dark"] #ospitem-watermark_box,
.dark-mode #ospitem-watermark_box {
    background-color: #12161d;
}

[data-bs-theme="dark"] .shell h2 span,
[data-theme="dark"] .shell h2 span,
.dark-mode .shell h2 span {
    background-color: #12161d;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .shell h2,
[data-theme="dark"] .shell h2,
.dark-mode .shell h2 {
    border-top-color: rgba(255,255,255,0.1);
}

[data-bs-theme="dark"] .amenitygroup,
[data-theme="dark"] .amenitygroup,
.dark-mode .amenitygroup {
    border-bottom-color: rgba(255,255,255,0.1);
}

[data-bs-theme="dark"] .amenityheader,
[data-theme="dark"] .amenityheader,
.dark-mode .amenityheader {
    background-color: #1a1e25;
}

[data-bs-theme="dark"] .os_dpe_item,
[data-theme="dark"] .os_dpe_item,
.dark-mode .os_dpe_item,
[data-bs-theme="dark"] .os_dpe_marker,
[data-theme="dark"] .os_dpe_marker,
.dark-mode .os_dpe_marker {
    color: #e5e7eb;
}

[data-bs-theme="dark"] #property_open_table,
[data-theme="dark"] #property_open_table,
.dark-mode #property_open_table,
[data-bs-theme="dark"] #property_tax_table,
[data-theme="dark"] #property_tax_table,
.dark-mode #property_tax_table,
[data-bs-theme="dark"] #property_history_table,
[data-theme="dark"] #property_history_table,
.dark-mode #property_history_table,
[data-bs-theme="dark"] #property_tag_table,
[data-theme="dark"] #property_tag_table,
.dark-mode #property_tag_table {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] #property_open_table tr th,
[data-theme="dark"] #property_open_table tr th,
.dark-mode #property_open_table tr th,
[data-bs-theme="dark"] #property_tax_table tr th,
[data-theme="dark"] #property_tax_table tr th,
.dark-mode #property_tax_table tr th,
[data-bs-theme="dark"] #property_history_table tr th,
[data-theme="dark"] #property_history_table tr th,
.dark-mode #property_history_table tr th,
[data-bs-theme="dark"] #property_tag_table tr th,
[data-theme="dark"] #property_tag_table tr th,
.dark-mode #property_tag_table tr th {
    background-color: #1a1e25 !important;
    color: #e5e7eb;
}

[data-bs-theme="dark"] #property_open_table tr td,
[data-theme="dark"] #property_open_table tr td,
.dark-mode #property_open_table tr td,
[data-bs-theme="dark"] #property_tax_table tr td,
[data-theme="dark"] #property_tax_table tr td,
.dark-mode #property_tax_table tr td,
[data-bs-theme="dark"] #property_history_table tr td,
[data-theme="dark"] #property_history_table tr td,
.dark-mode #property_history_table tr td,
[data-bs-theme="dark"] #property_tag_table tr td,
[data-theme="dark"] #property_tag_table tr td,
.dark-mode #property_tag_table tr td {
    border-bottom-color: rgba(255,255,255,0.08);
    color: #cdd5e0;
}


/* =====================================================
   PROPERTY DETAIL – CONTAINERS & CARDS (dark mode)
===================================================== */

[data-bs-theme="dark"] #propertydetails,
[data-theme="dark"] #propertydetails,
.dark-mode #propertydetails,
[data-bs-theme="dark"] .propertydetails-default-theme,
[data-theme="dark"] .propertydetails-default-theme,
.dark-mode .propertydetails-default-theme {
    color: #e5e7eb;
}

[data-bs-theme="dark"] .property-details-main-card,
[data-theme="dark"] .property-details-main-card,
.dark-mode .property-details-main-card {
    background: #12161d;
    border-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .property-sidebar-modern,
[data-theme="dark"] .property-sidebar-modern,
.dark-mode .property-sidebar-modern {
    color: #e5e7eb;
}

[data-bs-theme="dark"] .property-price-card,
[data-theme="dark"] .property-price-card,
.dark-mode .property-price-card {
    background: #1a1e25;
    border-color: rgba(255,255,255,0.12);
    color: #f1f5f9;
}

[data-bs-theme="dark"] .agent-card-modern,
[data-theme="dark"] .agent-card-modern,
.dark-mode .agent-card-modern {
    background: #1e232b;
    border-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .agent-card-modern .agent-header,
[data-theme="dark"] .agent-card-modern .agent-header,
.dark-mode .agent-card-modern .agent-header {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .agent-card-modern .agent-name a,
[data-theme="dark"] .agent-card-modern .agent-name a,
.dark-mode .agent-card-modern .agent-name a {
    color: #60a5fa;
}

[data-bs-theme="dark"] .agent-card-modern .agent-phone-container,
[data-theme="dark"] .agent-card-modern .agent-phone-container,
.dark-mode .agent-card-modern .agent-phone-container {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .agent-contact-section,
[data-theme="dark"] .agent-contact-section,
.dark-mode .agent-contact-section {
    background: #1a1e25;
    border-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .tasks-box,
[data-theme="dark"] .tasks-box,
.dark-mode .tasks-box {
    background: #1a1e25;
    border-color: rgba(255,255,255,0.12);
    color: #cdd5e0;
}

[data-bs-theme="dark"] .tasks-box a,
[data-theme="dark"] .tasks-box a,
.dark-mode .tasks-box a {
    color: #9aa3af;
}

[data-bs-theme="dark"] .tasks-box a:hover,
[data-theme="dark"] .tasks-box a:hover,
.dark-mode .tasks-box a:hover {
    color: #f1f5f9;
}


/* =====================================================
   PROPERTY DETAIL – TAB CONTENT & PANES (dark mode)
===================================================== */

[data-bs-theme="dark"] #propertydetails .tab-content,
[data-theme="dark"] #propertydetails .tab-content,
.dark-mode #propertydetails .tab-content {
    background: #12161d;
    color: #e5e7eb;
}

[data-bs-theme="dark"] #propertydetails .tab-pane,
[data-theme="dark"] #propertydetails .tab-pane,
.dark-mode #propertydetails .tab-pane {
    background: #12161d;
    color: #e5e7eb;
}

[data-bs-theme="dark"] #propertydetails .nav-tabs,
[data-theme="dark"] #propertydetails .nav-tabs,
.dark-mode #propertydetails .nav-tabs {
    border-bottom-color: rgba(255,255,255,0.12);
    background: #1a1e25;
}

[data-bs-theme="dark"] #propertydetails .nav-tabs .nav-link,
[data-theme="dark"] #propertydetails .nav-tabs .nav-link,
.dark-mode #propertydetails .nav-tabs .nav-link {
    color: #9aa3af;
    border-color: transparent;
}

[data-bs-theme="dark"] #propertydetails .nav-tabs .nav-link:hover,
[data-theme="dark"] #propertydetails .nav-tabs .nav-link:hover,
.dark-mode #propertydetails .nav-tabs .nav-link:hover {
    border-color: rgba(255,255,255,0.12);
    color: #f1f5f9;
}

[data-bs-theme="dark"] #propertydetails .nav-tabs .nav-link.active,
[data-theme="dark"] #propertydetails .nav-tabs .nav-link.active,
.dark-mode #propertydetails .nav-tabs .nav-link.active {
    background: #12161d;
    color: #f1f5f9;
    border-color: rgba(255,255,255,0.12);
    border-bottom-color: #12161d;
}


/* =====================================================
   PROPERTY DETAIL – DESCRIPTION & EXTRA FIELD GROUPS
===================================================== */

[data-bs-theme="dark"] #propertydetails h4,
[data-theme="dark"] #propertydetails h4,
.dark-mode #propertydetails h4 {
    color: #f1f5f9;
}

[data-bs-theme="dark"] #propertydetails p,
[data-theme="dark"] #propertydetails p,
.dark-mode #propertydetails p {
    color: #cdd5e0;
}

[data-bs-theme="dark"] #propertydetails .editlinktip,
[data-theme="dark"] #propertydetails .editlinktip,
.dark-mode #propertydetails .editlinktip {
    color: #cdd5e0;
}

[data-bs-theme="dark"] #propertydetails .bi-check2,
[data-theme="dark"] #propertydetails .bi-check2,
.dark-mode #propertydetails .bi-check2 {
    color: #60a5fa;
}


/* =====================================================
   PROPERTY DETAIL – CONTACT FORM (on property page)
===================================================== */

[data-bs-theme="dark"] #propertydetails #contactForm,
[data-theme="dark"] #propertydetails #contactForm,
.dark-mode #propertydetails #contactForm,
[data-bs-theme="dark"] .agent-contact-section #contactForm,
[data-theme="dark"] .agent-contact-section #contactForm,
.dark-mode .agent-contact-section #contactForm {
    background: #1a1e25;
    color: #e5e7eb;
}

[data-bs-theme="dark"] #propertydetails #contactForm .headercontactform,
[data-theme="dark"] #propertydetails #contactForm .headercontactform,
.dark-mode #propertydetails #contactForm .headercontactform {
    color: #f1f5f9;
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] #propertydetails #contactForm input,
[data-theme="dark"] #propertydetails #contactForm input,
.dark-mode #propertydetails #contactForm input,
[data-bs-theme="dark"] #propertydetails #contactForm textarea,
[data-theme="dark"] #propertydetails #contactForm textarea,
.dark-mode #propertydetails #contactForm textarea,
[data-bs-theme="dark"] #propertydetails #contactForm select,
[data-theme="dark"] #propertydetails #contactForm select,
.dark-mode #propertydetails #contactForm select {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] #propertydetails .contactform_td,
[data-theme="dark"] #propertydetails .contactform_td,
.dark-mode #propertydetails .contactform_td {
    color: #cdd5e0;
}


/* =====================================================
   PROPERTY DETAIL – OSP LIGHT GREY BACKGROUNDS
===================================================== */

[data-bs-theme="dark"] .inputbox,
[data-theme="dark"] .inputbox,
.dark-mode .inputbox {
    background: #12161d !important;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] div.toolbar-list li,
[data-theme="dark"] div.toolbar-list li,
.dark-mode div.toolbar-list li {
    background-color: #12161d;
    color: #cdd5e0;
}

[data-bs-theme="dark"] div.toolbar-list a:hover,
[data-theme="dark"] div.toolbar-list a:hover,
.dark-mode div.toolbar-list a:hover,
[data-bs-theme="dark"] div.toolbar-list a:focus,
[data-theme="dark"] div.toolbar-list a:focus,
.dark-mode div.toolbar-list a:focus,
[data-bs-theme="dark"] div.toolbar-list a:active,
[data-theme="dark"] div.toolbar-list a:active,
.dark-mode div.toolbar-list a:active {
    background-color: #1a1e25;
    border-color: rgba(255,255,255,0.12);
    color: #f1f5f9;
}

[data-bs-theme="dark"] #cboxContent,
[data-theme="dark"] #cboxContent,
.dark-mode #cboxContent {
    background: #1e232b;
}

[data-bs-theme="dark"] .cboxIframe,
[data-theme="dark"] .cboxIframe,
.dark-mode .cboxIframe {
    background: #1e232b;
}

[data-bs-theme="dark"] .pf-sharebar-icons a,
[data-theme="dark"] .pf-sharebar-icons a,
.dark-mode .pf-sharebar-icons a {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .paddingtop20 h4,
[data-theme="dark"] .paddingtop20 h4,
.dark-mode .paddingtop20 h4 {
    color: #f1f5f9;
}


/* =====================================================
   PROPERTY DETAIL – OSP SLIDESHOW & PHOTO GALLERY
===================================================== */

[data-bs-theme="dark"] .slideshow-container,
[data-theme="dark"] .slideshow-container,
.dark-mode .slideshow-container {
    background: #0a0e14;
}

[data-bs-theme="dark"] .photo-description,
[data-theme="dark"] .photo-description,
.dark-mode .photo-description {
    color: #e5e7eb;
    background: rgba(0,0,0,0.7);
}


/* =====================================================
   PROPERTY DETAIL – GENERAL TEXT & LINK COLORS
===================================================== */

[data-bs-theme="dark"] #propertydetails a:not(.btn),
[data-theme="dark"] #propertydetails a:not(.btn),
.dark-mode #propertydetails a:not(.btn) {
    color: #60a5fa;
}

[data-bs-theme="dark"] .property-details-main-card h1,
[data-theme="dark"] .property-details-main-card h1,
.dark-mode .property-details-main-card h1,
[data-bs-theme="dark"] .property-details-main-card h2,
[data-theme="dark"] .property-details-main-card h2,
.dark-mode .property-details-main-card h2,
[data-bs-theme="dark"] .property-details-main-card h3,
[data-theme="dark"] .property-details-main-card h3,
.dark-mode .property-details-main-card h3 {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .property-type,
[data-theme="dark"] .property-type,
.dark-mode .property-type,
[data-bs-theme="dark"] .category_information,
[data-theme="dark"] .category_information,
.dark-mode .category_information {
    color: #cdd5e0;
}


/* =====================================================
   PROPERTY DETAIL – OSP TAB CONTROLS (uitab / joomla-tab)
===================================================== */

[data-bs-theme="dark"] #propertyDetailsTab,
[data-theme="dark"] #propertyDetailsTab,
.dark-mode #propertyDetailsTab {
    background: #12161d;
}

[data-bs-theme="dark"] .osp-tab-content,
[data-theme="dark"] .osp-tab-content,
.dark-mode .osp-tab-content {
    background: #12161d;
    color: #e5e7eb;
}


/* =====================================================
   PROPERTY NAVIGATION (PREV/NEXT)
===================================================== */

[data-bs-theme="dark"] .osnavigation-left,
[data-theme="dark"] .osnavigation-left,
.dark-mode .osnavigation-left,
[data-bs-theme="dark"] .osnavigation-right,
[data-theme="dark"] .osnavigation-right,
.dark-mode .osnavigation-right {
    background: #1a1e25;
    color: #cdd5e0;
}


/* =====================================================
   LISTINGS
===================================================== */

[data-bs-theme="dark"] #listings fieldset.active,
[data-theme="dark"] #listings fieldset.active,
.dark-mode #listings fieldset.active,
[data-bs-theme="dark"] #listings fieldset.regular,
[data-theme="dark"] #listings fieldset.regular,
.dark-mode #listings fieldset.regular,
[data-bs-theme="dark"] #listings fieldset.approval,
[data-theme="dark"] #listings fieldset.approval,
.dark-mode #listings fieldset.approval {
    background: #1e232b;
    border-color: rgba(255,255,255,0.1);
}

[data-bs-theme="dark"] .conten_e_property:hover,
[data-theme="dark"] .conten_e_property:hover,
.dark-mode .conten_e_property:hover {
    background-color: #1a1e25;
}

[data-bs-theme="dark"] .cat_description,
[data-theme="dark"] .cat_description,
.dark-mode .cat_description {
    background: #1e232b;
}

[data-bs-theme="dark"] .title_bg,
[data-theme="dark"] .title_bg,
.dark-mode .title_bg {
    background: #1a1e25;
    border-bottom-color: rgba(255,255,255,0.1);
}


/* =====================================================
   OS-HEADING (global section divider)
===================================================== */

[data-bs-theme="dark"] .os-heading,
[data-theme="dark"] .os-heading,
.dark-mode .os-heading {
    border-bottom-color: rgba(255,255,255,0.12);
    color: #f1f5f9;
}

[data-bs-theme="dark"] .os-heading::after,
[data-theme="dark"] .os-heading::after,
.dark-mode .os-heading::after {
    background-color: #60a5fa;
}


/* =====================================================
   BLOCK CAPTION (section headers)
===================================================== */

[data-bs-theme="dark"] .block_caption,
[data-theme="dark"] .block_caption,
.dark-mode .block_caption {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .block_caption strong,
[data-theme="dark"] .block_caption strong,
.dark-mode .block_caption strong {
    color: #f1f5f9;
}


/* =====================================================
   CATEGORY ITEMS (grid cards)
===================================================== */

[data-bs-theme="dark"] .category-item,
[data-theme="dark"] .category-item,
.dark-mode .category-item {
    background-color: #1e232b;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

[data-bs-theme="dark"] .category-item h2,
[data-theme="dark"] .category-item h2,
.dark-mode .category-item h2 {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .category-item p,
[data-theme="dark"] .category-item p,
.dark-mode .category-item p {
    color: #9aa3af;
}

[data-bs-theme="dark"] .category-item img,
[data-theme="dark"] .category-item img,
.dark-mode .category-item img {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .category-item:hover,
[data-theme="dark"] .category-item:hover,
.dark-mode .category-item:hover {
    box-shadow: 0 8px 16px rgba(0,0,0,0.4);
}


/* =====================================================
   AGENT DETAILS – MODERN DESIGN
===================================================== */

[data-bs-theme="dark"] .agent-details-card,
[data-theme="dark"] .agent-details-card,
.dark-mode .agent-details-card {
    background: #1e232b;
    border-color: rgba(255,255,255,0.12);
    box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

[data-bs-theme="dark"] .agentdetails .agentphotobox1,
[data-theme="dark"] .agentdetails .agentphotobox1,
.dark-mode .agentdetails .agentphotobox1 {
    background: #1a1e25;
}

[data-bs-theme="dark"] .agentdetails .agent-no-image,
[data-theme="dark"] .agentdetails .agent-no-image,
.dark-mode .agentdetails .agent-no-image {
    background: linear-gradient(135deg, #1a1e25 0%, #12161d 100%);
    border-color: rgba(255,255,255,0.15);
}

[data-bs-theme="dark"] .agentdetails .agent-no-image .no-image-text,
[data-theme="dark"] .agentdetails .agent-no-image .no-image-text,
.dark-mode .agentdetails .agent-no-image .no-image-text {
    color: #9aa3af;
}

[data-bs-theme="dark"] .agent-header,
[data-theme="dark"] .agent-header,
.dark-mode .agent-header {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] h1.agent_title,
[data-theme="dark"] h1.agent_title,
.dark-mode h1.agent_title {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .agentdetails .agent-action-btn,
[data-theme="dark"] .agentdetails .agent-action-btn,
.dark-mode .agentdetails .agent-action-btn {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
}

[data-bs-theme="dark"] .agentdetails .agent-info-item,
[data-theme="dark"] .agentdetails .agent-info-item,
.dark-mode .agentdetails .agent-info-item {
    background: #12161d;
    color: #cdd5e0;
}

[data-bs-theme="dark"] .agentdetails .agent-info-item:hover,
[data-theme="dark"] .agentdetails .agent-info-item:hover,
.dark-mode .agentdetails .agent-info-item:hover {
    background: #1a1e25;
}

[data-bs-theme="dark"] .agentdetails .info-content,
[data-theme="dark"] .agentdetails .info-content,
.dark-mode .agentdetails .info-content {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .agentdetails .info-content a,
[data-theme="dark"] .agentdetails .info-content a,
.dark-mode .agentdetails .info-content a {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .agentdetails .address,
[data-theme="dark"] .agentdetails .address,
.dark-mode .agentdetails .address {
    color: #9aa3af;
}

[data-bs-theme="dark"] .agentdetails .agent-social-section,
[data-theme="dark"] .agentdetails .agent-social-section,
.dark-mode .agentdetails .agent-social-section {
    border-top-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .agentdetails .social li a,
[data-theme="dark"] .agentdetails .social li a,
.dark-mode .agentdetails .social li a {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #9aa3af;
}

[data-bs-theme="dark"] .agentdetails .agentbio,
[data-theme="dark"] .agentdetails .agentbio,
.dark-mode .agentdetails .agentbio {
    background: #12161d;
    color: #cdd5e0;
}

[data-bs-theme="dark"] .agentdetails .agentbio .agentbioheading,
[data-theme="dark"] .agentdetails .agentbio .agentbioheading,
.dark-mode .agentdetails .agentbio .agentbioheading {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .agentdetails .agentbio p,
[data-theme="dark"] .agentdetails .agentbio p,
.dark-mode .agentdetails .agentbio p {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .companydescription,
[data-theme="dark"] .companydescription,
.dark-mode .companydescription {
    background: #1e232b;
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .companydescription .companydescriptionheading,
[data-theme="dark"] .companydescription .companydescriptionheading,
.dark-mode .companydescription .companydescriptionheading {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .agentdetails #contactForm,
[data-theme="dark"] .agentdetails #contactForm,
.dark-mode .agentdetails #contactForm {
    background: #1e232b;
}

[data-bs-theme="dark"] .agentdetails #contactForm .headercontactform,
[data-theme="dark"] .agentdetails #contactForm .headercontactform,
.dark-mode .agentdetails #contactForm .headercontactform {
    color: #f1f5f9;
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .agentdetails #contactForm input,
[data-theme="dark"] .agentdetails #contactForm input,
.dark-mode .agentdetails #contactForm input,
[data-bs-theme="dark"] .agentdetails #contactForm textarea,
[data-theme="dark"] .agentdetails #contactForm textarea,
.dark-mode .agentdetails #contactForm textarea {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .agentdetails,
[data-theme="dark"] .agentdetails,
.dark-mode .agentdetails {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .agentprofilebox,
[data-theme="dark"] .agentprofilebox,
.dark-mode .agentprofilebox {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .agentlistindent h2,
[data-theme="dark"] .agentlistindent h2,
.dark-mode .agentlistindent h2 {
    color: #f87171;
}

[data-bs-theme="dark"] #agentslisting .agentphotobox .agentphotobox1 img,
[data-theme="dark"] #agentslisting .agentphotobox .agentphotobox1 img,
.dark-mode #agentslisting .agentphotobox .agentphotobox1 img {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] #agentslisting .social li a,
[data-theme="dark"] #agentslisting .social li a,
.dark-mode #agentslisting .social li a {
    background-color: #1a1e25;
}

[data-bs-theme="dark"] #agentslisting .agentaddress,
[data-theme="dark"] #agentslisting .agentaddress,
.dark-mode #agentslisting .agentaddress,
[data-bs-theme="dark"] #listings .agentaddress,
[data-theme="dark"] #listings .agentaddress,
.dark-mode #listings .agentaddress {
    border-bottom-color: rgba(255,255,255,0.12);
}


/* =====================================================
   PROPERTY EDIT FORM – MODERN DESIGN
===================================================== */

#propertyModification {
    position: relative;
    z-index: 1;
    background: #fff;
}

.tab-panels-top {
    background: #fff;
}

#propertyModification .tab-content {
    background: #fff !important;
    background-image: none !important;
}

#propertyModification .tab-pane {
    background: #fff;
    background-image: none !important;
}

#propertyModification .nav-tabs {
    background: #fff;
}

[data-bs-theme="dark"] .tab-panels-top,
[data-theme="dark"] .tab-panels-top,
.dark-mode .tab-panels-top {
    background: #12161d;
}

[data-bs-theme="dark"] #propertyModification,
[data-theme="dark"] #propertyModification,
.dark-mode #propertyModification {
    background: #12161d !important;
    color: #f1f5f9 !important;
}

[data-bs-theme="dark"] #propertyModification .componentheading,
[data-theme="dark"] #propertyModification .componentheading,
.dark-mode #propertyModification .componentheading {
    color: #f1f5f9;
    border-bottom-color: #60a5fa;
}

[data-bs-theme="dark"] #propertyModification .componentheading small,
[data-theme="dark"] #propertyModification .componentheading small,
.dark-mode #propertyModification .componentheading small {
    color: #9aa3af;
}

[data-bs-theme="dark"] #propertyModification .btn-toolbar,
[data-theme="dark"] #propertyModification .btn-toolbar,
.dark-mode #propertyModification .btn-toolbar {
    background: #1e232b;
}

[data-bs-theme="dark"] #propertyModification .fieldsetpropertydetails,
[data-theme="dark"] #propertyModification .fieldsetpropertydetails,
.dark-mode #propertyModification .fieldsetpropertydetails {
    background: #1e232b !important;
    border-color: rgba(255,255,255,0.15) !important;
}

[data-bs-theme="dark"] #propertyModification .control-label,
[data-theme="dark"] #propertyModification .control-label,
.dark-mode #propertyModification .control-label {
    color: #cdd5e0;
}

[data-bs-theme="dark"] #propertyModification input[type="text"],
[data-theme="dark"] #propertyModification input[type="text"],
.dark-mode #propertyModification input[type="text"],
[data-bs-theme="dark"] #propertyModification input[type="number"],
[data-theme="dark"] #propertyModification input[type="number"],
.dark-mode #propertyModification input[type="number"],
[data-bs-theme="dark"] #propertyModification input[type="email"],
[data-theme="dark"] #propertyModification input[type="email"],
.dark-mode #propertyModification input[type="email"],
[data-bs-theme="dark"] #propertyModification select,
[data-theme="dark"] #propertyModification select,
.dark-mode #propertyModification select,
[data-bs-theme="dark"] #propertyModification textarea,
[data-theme="dark"] #propertyModification textarea,
.dark-mode #propertyModification textarea {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] #propertyModification .nav-tabs,
[data-theme="dark"] #propertyModification .nav-tabs,
.dark-mode #propertyModification .nav-tabs {
    background: linear-gradient(to bottom, #1a1e25 0%, #12161d 100%) !important;
    border-bottom-color: #60a5fa;
}

[data-bs-theme="dark"] #propertyModification .nav-tabs li a,
[data-theme="dark"] #propertyModification .nav-tabs li a,
.dark-mode #propertyModification .nav-tabs li a {
    color: #9aa3af;
}

[data-bs-theme="dark"] #propertyModification .nav-tabs li.active a,
[data-theme="dark"] #propertyModification .nav-tabs li.active a,
.dark-mode #propertyModification .nav-tabs li.active a,
[data-bs-theme="dark"] #propertyModification .nav-tabs li a.active,
[data-theme="dark"] #propertyModification .nav-tabs li a.active,
.dark-mode #propertyModification .nav-tabs li a.active {
    background: #1e232b;
    color: #60a5fa;
}

[data-bs-theme="dark"] #propertyModification .tab-content,
[data-theme="dark"] #propertyModification .tab-content,
.dark-mode #propertyModification .tab-content {
    background: #1e232b !important;
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] #propertyModification .tab-pane,
[data-theme="dark"] #propertyModification .tab-pane,
.dark-mode #propertyModification .tab-pane {
    background: #1e232b;
}

[data-bs-theme="dark"] #propertyModification table.admintable td.key,
[data-theme="dark"] #propertyModification table.admintable td.key,
.dark-mode #propertyModification table.admintable td.key {
    background: #12161d;
    color: #cdd5e0;
}

[data-bs-theme="dark"] #propertyModification table.admintable td,
[data-theme="dark"] #propertyModification table.admintable td,
.dark-mode #propertyModification table.admintable td {
    border-bottom-color: rgba(255,255,255,0.08);
    color: #cdd5e0;
}

[data-bs-theme="dark"] #propertyModification #itemImagesWrap,
[data-theme="dark"] #propertyModification #itemImagesWrap,
.dark-mode #propertyModification #itemImagesWrap {
    background: #12161d;
}

[data-bs-theme="dark"] #propertyModification .sortableitem,
[data-theme="dark"] #propertyModification .sortableitem,
.dark-mode #propertyModification .sortableitem {
    background: #1a1e25;
}

[data-bs-theme="dark"] #propertyModification .manualuploadpicture,
[data-theme="dark"] #propertyModification .manualuploadpicture,
.dark-mode #propertyModification .manualuploadpicture {
    background: #1e232b;
    border-color: rgba(255,255,255,0.15);
}

[data-bs-theme="dark"] #propertyModification input[type="file"],
[data-theme="dark"] #propertyModification input[type="file"],
.dark-mode #propertyModification input[type="file"] {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
}

[data-bs-theme="dark"] #propertyModification .paddingleft10 .span3,
[data-theme="dark"] #propertyModification .paddingleft10 .span3,
.dark-mode #propertyModification .paddingleft10 .span3 {
    background: #12161d;
}

[data-bs-theme="dark"] #propertyModification .pane-sliders .panel h3,
[data-theme="dark"] #propertyModification .pane-sliders .panel h3,
.dark-mode #propertyModification .pane-sliders .panel h3 {
    background: linear-gradient(to bottom, #1a1e25, #12161d);
    color: #cdd5e0;
}

[data-bs-theme="dark"] #propertyModification .pane-sliders .panel,
[data-theme="dark"] #propertyModification .pane-sliders .panel,
.dark-mode #propertyModification .pane-sliders .panel {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] #propertyModification .accordion-header,
[data-theme="dark"] #propertyModification .accordion-header,
.dark-mode #propertyModification .accordion-header {
    background: #1a1e25;
}

[data-bs-theme="dark"] #propertyModification .accordion-button,
[data-theme="dark"] #propertyModification .accordion-button,
.dark-mode #propertyModification .accordion-button {
    background: #1a1e25;
    color: #e5e7eb;
}

[data-bs-theme="dark"] #propertyModification .accordion-item,
[data-theme="dark"] #propertyModification .accordion-item,
.dark-mode #propertyModification .accordion-item {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] #propertyModification [role="tablist"],
[data-theme="dark"] #propertyModification [role="tablist"],
.dark-mode #propertyModification [role="tablist"] {
    background: #1a1e25 !important;
}

[data-bs-theme="dark"] #propertyModification button[role="tab"],
[data-theme="dark"] #propertyModification button[role="tab"],
.dark-mode #propertyModification button[role="tab"] {
    color: #9aa3af !important;
}

[data-bs-theme="dark"] #propertyModification button[role="tab"][aria-selected="true"],
[data-theme="dark"] #propertyModification button[role="tab"][aria-selected="true"],
.dark-mode #propertyModification button[role="tab"][aria-selected="true"] {
    background: #12161d !important;
    color: #f1f5f9 !important;
    border-bottom: 2px solid #2563eb !important;
}


/* =====================================================
   TINYMCE (description editor)
===================================================== */

[data-bs-theme="dark"] .tox,
[data-theme="dark"] .tox,
.dark-mode .tox {
    background: #12161d !important;
    color: #f1f5f9 !important;
}

[data-bs-theme="dark"] .tox-toolbar,
[data-theme="dark"] .tox-toolbar,
.dark-mode .tox-toolbar,
[data-bs-theme="dark"] .tox-menubar,
[data-theme="dark"] .tox-menubar,
.dark-mode .tox-menubar,
[data-bs-theme="dark"] .tox-statusbar,
[data-theme="dark"] .tox-statusbar,
.dark-mode .tox-statusbar {
    background: #1a1e25 !important;
}


/* =====================================================
   SEARCH FORMS
===================================================== */

[data-bs-theme="dark"] .inputbox,
[data-theme="dark"] .inputbox,
.dark-mode .inputbox {
    background: #1e232b;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] #ospropertyadvsearch,
[data-theme="dark"] #ospropertyadvsearch,
.dark-mode #ospropertyadvsearch {
    color: #e5e7eb;
}

[data-bs-theme="dark"] #locatormoredetails,
[data-theme="dark"] #locatormoredetails,
.dark-mode #locatormoredetails {
    background: linear-gradient(to bottom, #1e232b, #12161d) !important;
    border-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}

[data-bs-theme="dark"] #ospropertyadvsearch .moreoption,
[data-theme="dark"] #ospropertyadvsearch .moreoption,
.dark-mode #ospropertyadvsearch .moreoption {
    background-color: #1a1e25;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] #ospropertyadvsearch .moreoption:hover,
[data-theme="dark"] #ospropertyadvsearch .moreoption:hover,
.dark-mode #ospropertyadvsearch .moreoption:hover {
    background-color: #1e232b;
}


/* =====================================================
   ADVANCED SEARCH – MORE OPTIONS
===================================================== */

[data-bs-theme="dark"] #ospropertyadvsearch .more-options-container,
[data-theme="dark"] #ospropertyadvsearch .more-options-container,
.dark-mode #ospropertyadvsearch .more-options-container {
    background: #1e232b;
}

[data-bs-theme="dark"] #ospropertyadvsearch .field-group,
[data-theme="dark"] #ospropertyadvsearch .field-group,
.dark-mode #ospropertyadvsearch .field-group {
    border-bottom-color: rgba(255,255,255,0.1);
}

[data-bs-theme="dark"] #ospropertyadvsearch .field-group .block_caption,
[data-theme="dark"] #ospropertyadvsearch .field-group .block_caption,
.dark-mode #ospropertyadvsearch .field-group .block_caption {
    color: #f1f5f9;
    border-bottom-color: #60a5fa;
}

[data-bs-theme="dark"] #ospropertyadvsearch .field-label,
[data-theme="dark"] #ospropertyadvsearch .field-label,
.dark-mode #ospropertyadvsearch .field-label {
    color: #cdd5e0;
}

[data-bs-theme="dark"] #ospropertyadvsearch .field-input input,
[data-theme="dark"] #ospropertyadvsearch .field-input input,
.dark-mode #ospropertyadvsearch .field-input input,
[data-bs-theme="dark"] #ospropertyadvsearch .field-input select,
[data-theme="dark"] #ospropertyadvsearch .field-input select,
.dark-mode #ospropertyadvsearch .field-input select {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] #ospropertyadvsearch .checkbox-item,
[data-theme="dark"] #ospropertyadvsearch .checkbox-item,
.dark-mode #ospropertyadvsearch .checkbox-item {
    background: #12161d;
}

[data-bs-theme="dark"] #ospropertyadvsearch .checkbox-item:hover,
[data-theme="dark"] #ospropertyadvsearch .checkbox-item:hover,
.dark-mode #ospropertyadvsearch .checkbox-item:hover {
    background: #1a1e25;
}

[data-bs-theme="dark"] #ospropertyadvsearch .checkbox-item label,
[data-theme="dark"] #ospropertyadvsearch .checkbox-item label,
.dark-mode #ospropertyadvsearch .checkbox-item label {
    color: #e5e7eb;
}

[data-bs-theme="dark"] #ospropertyadvsearch .radio-item,
[data-theme="dark"] #ospropertyadvsearch .radio-item,
.dark-mode #ospropertyadvsearch .radio-item {
    background: #12161d;
}

[data-bs-theme="dark"] #ospropertyadvsearch .radio-item:hover,
[data-theme="dark"] #ospropertyadvsearch .radio-item:hover,
.dark-mode #ospropertyadvsearch .radio-item:hover {
    background: #1a1e25;
}

[data-bs-theme="dark"] #ospropertyadvsearch .radio-item label,
[data-theme="dark"] #ospropertyadvsearch .radio-item label,
.dark-mode #ospropertyadvsearch .radio-item label {
    color: #e5e7eb;
}


/* =====================================================
   CUSTOM MULTI-SELECT DROPDOWN
===================================================== */

[data-bs-theme="dark"] #ospropertyadvsearch .custom-multi-select,
[data-theme="dark"] #ospropertyadvsearch .custom-multi-select,
.dark-mode #ospropertyadvsearch .custom-multi-select,
[data-bs-theme="dark"] .mainframe_search .custom-multi-select,
[data-theme="dark"] .mainframe_search .custom-multi-select,
.dark-mode .mainframe_search .custom-multi-select {
    background-color: #12161d;
    border-color: rgba(255,255,255,0.15);
}

[data-bs-theme="dark"] #ospropertyadvsearch .dropdown-content,
[data-theme="dark"] #ospropertyadvsearch .dropdown-content,
.dark-mode #ospropertyadvsearch .dropdown-content,
[data-bs-theme="dark"] .mainframe_search .dropdown-content,
[data-theme="dark"] .mainframe_search .dropdown-content,
.dark-mode .mainframe_search .dropdown-content {
    background: #1e232b;
    border-color: rgba(255,255,255,0.15);
}

[data-bs-theme="dark"] #ospropertyadvsearch .selected-items,
[data-theme="dark"] #ospropertyadvsearch .selected-items,
.dark-mode #ospropertyadvsearch .selected-items,
[data-bs-theme="dark"] .mainframe_search .selected-items,
[data-theme="dark"] .mainframe_search .selected-items,
.dark-mode .mainframe_search .selected-items {
    color: #e5e7eb;
}


/* =====================================================
   LOGIN MODAL
===================================================== */

[data-bs-theme="dark"] .osp-modal,
[data-theme="dark"] .osp-modal,
.dark-mode .osp-modal {
    background: #1e232b;
}

[data-bs-theme="dark"] .osp-modal-header,
[data-theme="dark"] .osp-modal-header,
.dark-mode .osp-modal-header {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .osp-modal-header h3,
[data-theme="dark"] .osp-modal-header h3,
.dark-mode .osp-modal-header h3 {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .osp-modal-close,
[data-theme="dark"] .osp-modal-close,
.dark-mode .osp-modal-close {
    color: #9aa3af;
}

[data-bs-theme="dark"] .osp-modal-tabs,
[data-theme="dark"] .osp-modal-tabs,
.dark-mode .osp-modal-tabs {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .osp-modal-tab,
[data-theme="dark"] .osp-modal-tab,
.dark-mode .osp-modal-tab {
    color: #9aa3af;
}

[data-bs-theme="dark"] .osp-modal-tab.active,
[data-theme="dark"] .osp-modal-tab.active,
.dark-mode .osp-modal-tab.active {
    color: #60a5fa;
    border-bottom-color: #60a5fa;
}

[data-bs-theme="dark"] .osp-form-group label,
[data-theme="dark"] .osp-form-group label,
.dark-mode .osp-form-group label {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .osp-form-group input[type="text"],
[data-theme="dark"] .osp-form-group input[type="text"],
.dark-mode .osp-form-group input[type="text"],
[data-bs-theme="dark"] .osp-form-group input[type="email"],
[data-theme="dark"] .osp-form-group input[type="email"],
.dark-mode .osp-form-group input[type="email"],
[data-bs-theme="dark"] .osp-form-group input[type="password"],
[data-theme="dark"] .osp-form-group input[type="password"],
.dark-mode .osp-form-group input[type="password"] {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .osp-divider::before,
[data-theme="dark"] .osp-divider::before,
.dark-mode .osp-divider::before {
    background: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .osp-divider span,
[data-theme="dark"] .osp-divider span,
.dark-mode .osp-divider span {
    background: #1e232b;
    color: #9aa3af;
}

[data-bs-theme="dark"] .osp-social-btn,
[data-theme="dark"] .osp-social-btn,
.dark-mode .osp-social-btn {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .osp-social-btn:hover,
[data-theme="dark"] .osp-social-btn:hover,
.dark-mode .osp-social-btn:hover {
    background: #1a1e25;
}

[data-bs-theme="dark"] .osp-alert.success,
[data-theme="dark"] .osp-alert.success,
.dark-mode .osp-alert.success {
    background: #0d3320;
    color: #6ee7b7;
    border-color: #065f46;
}

[data-bs-theme="dark"] .osp-alert.error,
[data-theme="dark"] .osp-alert.error,
.dark-mode .osp-alert.error {
    background: #3b1018;
    color: #fca5a5;
    border-color: #7f1d1d;
}

[data-bs-theme="dark"] .osp-remember-forgot label,
[data-theme="dark"] .osp-remember-forgot label,
.dark-mode .osp-remember-forgot label {
    color: #cdd5e0;
}


/* =====================================================
   SAVED SEARCH
===================================================== */

[data-bs-theme="dark"] .saved-search-header,
[data-theme="dark"] .saved-search-header,
.dark-mode .saved-search-header {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .saved-search-header h1,
[data-theme="dark"] .saved-search-header h1,
.dark-mode .saved-search-header h1 {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .saved-search-btn,
[data-theme="dark"] .saved-search-btn,
.dark-mode .saved-search-btn {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #cdd5e0;
}

[data-bs-theme="dark"] .saved-search-btn:hover,
[data-theme="dark"] .saved-search-btn:hover,
.dark-mode .saved-search-btn:hover {
    background: #1a1e25;
    border-color: #60a5fa;
    color: #60a5fa;
}

[data-bs-theme="dark"] .saved-search-table,
[data-theme="dark"] .saved-search-table,
.dark-mode .saved-search-table {
    background: #1e232b;
}

[data-bs-theme="dark"] .saved-search-table tbody tr,
[data-theme="dark"] .saved-search-table tbody tr,
.dark-mode .saved-search-table tbody tr {
    border-bottom-color: rgba(255,255,255,0.08);
}

[data-bs-theme="dark"] .saved-search-table tbody tr:hover,
[data-theme="dark"] .saved-search-table tbody tr:hover,
.dark-mode .saved-search-table tbody tr:hover {
    background: #12161d;
}

[data-bs-theme="dark"] .saved-search-table tbody td,
[data-theme="dark"] .saved-search-table tbody td,
.dark-mode .saved-search-table tbody td {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .saved-search-link,
[data-theme="dark"] .saved-search-link,
.dark-mode .saved-search-link {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .saved-search-date,
[data-theme="dark"] .saved-search-date,
.dark-mode .saved-search-date {
    color: #9aa3af;
}

[data-bs-theme="dark"] .saved-search-info,
[data-theme="dark"] .saved-search-info,
.dark-mode .saved-search-info {
    color: #9aa3af;
}

[data-bs-theme="dark"] .saved-search-edit-btn,
[data-theme="dark"] .saved-search-edit-btn,
.dark-mode .saved-search-edit-btn {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #9aa3af;
}

[data-bs-theme="dark"] .saved-search-empty h3,
[data-theme="dark"] .saved-search-empty h3,
.dark-mode .saved-search-empty h3 {
    color: #9aa3af;
}

[data-bs-theme="dark"] .saved-search-empty p,
[data-theme="dark"] .saved-search-empty p,
.dark-mode .saved-search-empty p {
    color: #6b7280;
}

[data-bs-theme="dark"] .saved-search-message.success,
[data-theme="dark"] .saved-search-message.success,
.dark-mode .saved-search-message.success {
    background: #0d3320;
    color: #6ee7b7;
    border-color: #065f46;
}

[data-bs-theme="dark"] .saved-search-message.error,
[data-theme="dark"] .saved-search-message.error,
.dark-mode .saved-search-message.error {
    background: #3b1018;
    color: #fca5a5;
    border-color: #7f1d1d;
}


/* =====================================================
   REPORT FORM
===================================================== */

[data-bs-theme="dark"] .osp-report-form,
[data-theme="dark"] .osp-report-form,
.dark-mode .osp-report-form {
    color: #e5e7eb;
}

[data-bs-theme="dark"] .osp-report-title,
[data-theme="dark"] .osp-report-title,
.dark-mode .osp-report-title {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .osp-report-subtitle,
[data-theme="dark"] .osp-report-subtitle,
.dark-mode .osp-report-subtitle {
    color: #9aa3af;
}

[data-bs-theme="dark"] .osp-report-header,
[data-theme="dark"] .osp-report-header,
.dark-mode .osp-report-header {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .osp-form-label,
[data-theme="dark"] .osp-form-label,
.dark-mode .osp-form-label {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .osp-input,
[data-theme="dark"] .osp-input,
.dark-mode .osp-input,
[data-bs-theme="dark"] .osp-textarea,
[data-theme="dark"] .osp-textarea,
.dark-mode .osp-textarea,
[data-bs-theme="dark"] .osp-report-form select,
[data-theme="dark"] .osp-report-form select,
.dark-mode .osp-report-form select {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .osp-btn-secondary,
[data-theme="dark"] .osp-btn-secondary,
.dark-mode .osp-btn-secondary {
    background: #1a1e25;
    color: #cdd5e0;
    border-color: rgba(255,255,255,0.15);
}

[data-bs-theme="dark"] .osp-form-actions,
[data-theme="dark"] .osp-form-actions,
.dark-mode .osp-form-actions {
    border-top-color: rgba(255,255,255,0.12);
}


/* =====================================================
   PROPERTY SAVED PAGE (status/info cards)
===================================================== */

[data-bs-theme="dark"] .osp-status-card,
[data-theme="dark"] .osp-status-card,
.dark-mode .osp-status-card,
[data-bs-theme="dark"] .osp-info-card,
[data-theme="dark"] .osp-info-card,
.dark-mode .osp-info-card {
    background: #1e232b;
}

[data-bs-theme="dark"] .osp-status-header,
[data-theme="dark"] .osp-status-header,
.dark-mode .osp-status-header,
[data-bs-theme="dark"] .osp-info-header,
[data-theme="dark"] .osp-info-header,
.dark-mode .osp-info-header {
    background: linear-gradient(135deg, #1a1e25 0%, #1e232b 100%);
}

[data-bs-theme="dark"] .osp-status-header h3,
[data-theme="dark"] .osp-status-header h3,
.dark-mode .osp-status-header h3,
[data-bs-theme="dark"] .osp-info-header h3,
[data-theme="dark"] .osp-info-header h3,
.dark-mode .osp-info-header h3 {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .osp-status-item,
[data-theme="dark"] .osp-status-item,
.dark-mode .osp-status-item,
[data-bs-theme="dark"] .osp-info-item,
[data-theme="dark"] .osp-info-item,
.dark-mode .osp-info-item {
    background: #12161d;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .osp-status-item:hover,
[data-theme="dark"] .osp-status-item:hover,
.dark-mode .osp-status-item:hover,
[data-bs-theme="dark"] .osp-info-item:hover,
[data-theme="dark"] .osp-info-item:hover,
.dark-mode .osp-info-item:hover {
    background: #1a1e25;
}

[data-bs-theme="dark"] .osp-status-value,
[data-theme="dark"] .osp-status-value,
.dark-mode .osp-status-value,
[data-bs-theme="dark"] .osp-info-value,
[data-theme="dark"] .osp-info-value,
.dark-mode .osp-info-value {
    color: #f1f5f9;
}


/* =====================================================
   LOCATOR / MAP
===================================================== */

[data-bs-theme="dark"] .locator-search-controls.card,
[data-theme="dark"] .locator-search-controls.card,
.dark-mode .locator-search-controls.card {
    background: #1e232b;
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .locator-search-controls .form-group label,
[data-theme="dark"] .locator-search-controls .form-group label,
.dark-mode .locator-search-controls .form-group label {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .locator-filter.form-select,
[data-theme="dark"] .locator-filter.form-select,
.dark-mode .locator-filter.form-select,
[data-bs-theme="dark"] .locator-filter.form-control,
[data-theme="dark"] .locator-filter.form-control,
.dark-mode .locator-filter.form-control {
    background-color: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .properties-sidebar,
[data-theme="dark"] .properties-sidebar,
.dark-mode .properties-sidebar {
    background: #1e232b;
}

[data-bs-theme="dark"] .properties-sidebar .sidebar-header,
[data-theme="dark"] .properties-sidebar .sidebar-header,
.dark-mode .properties-sidebar .sidebar-header {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .properties-sidebar .sidebar-header h4,
[data-theme="dark"] .properties-sidebar .sidebar-header h4,
.dark-mode .properties-sidebar .sidebar-header h4 {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .properties-sidebar .sort-controls select,
[data-theme="dark"] .properties-sidebar .sort-controls select,
.dark-mode .properties-sidebar .sort-controls select {
    background: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .property-list-item,
[data-theme="dark"] .property-list-item,
.dark-mode .property-list-item {
    background: #12161d;
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .property-list-item:hover,
[data-theme="dark"] .property-list-item:hover,
.dark-mode .property-list-item:hover {
    border-color: #667eea;
}

[data-bs-theme="dark"] .property-item-title a,
[data-theme="dark"] .property-item-title a,
.dark-mode .property-item-title a {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .property-item-address,
[data-theme="dark"] .property-item-address,
.dark-mode .property-item-address,
[data-bs-theme="dark"] .property-item-meta,
[data-theme="dark"] .property-item-meta,
.dark-mode .property-item-meta {
    color: #9aa3af;
}

[data-bs-theme="dark"] .map-overlay-controls,
[data-theme="dark"] .map-overlay-controls,
.dark-mode .map-overlay-controls {
    background: rgba(30, 35, 43, 0.95);
}

[data-bs-theme="dark"] .map-loading-overlay,
[data-theme="dark"] .map-loading-overlay,
.dark-mode .map-loading-overlay {
    background: rgba(18, 22, 29, 0.9);
}

[data-bs-theme="dark"] .locatormap_icon,
[data-theme="dark"] .locatormap_icon,
.dark-mode .locatormap_icon {
    background-color: #1e232b;
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] #gmap-noresult,
[data-theme="dark"] #gmap-noresult,
.dark-mode #gmap-noresult {
    background-color: #1e232b;
    color: #cdd5e0;
}

[data-bs-theme="dark"] .drawing-tools-panel .btn-group .btn,
[data-theme="dark"] .drawing-tools-panel .btn-group .btn,
.dark-mode .drawing-tools-panel .btn-group .btn {
    background: #12161d;
    color: #60a5fa;
    border-color: #60a5fa;
}

[data-bs-theme="dark"] .locator_element_property.hover-highlight,
[data-theme="dark"] .locator_element_property.hover-highlight,
.dark-mode .locator_element_property.hover-highlight {
    background-color: #1a1e25 !important;
}

[data-bs-theme="dark"] .locator_element_property.highlighted,
[data-theme="dark"] .locator_element_property.highlighted,
.dark-mode .locator_element_property.highlighted {
    background-color: #2a2a1a !important;
}


/* =====================================================
   GLOBAL NAV-TABS (OSP modern style override)
===================================================== */

[data-bs-theme="dark"] .nav-tabs,
[data-theme="dark"] .nav-tabs,
.dark-mode .nav-tabs {
    background: linear-gradient(to bottom, #1a1e25 0%, #12161d 100%) !important;
    border-bottom-color: #60a5fa;
}

[data-bs-theme="dark"] .nav-tabs li a,
[data-theme="dark"] .nav-tabs li a,
.dark-mode .nav-tabs li a,
[data-bs-theme="dark"] .nav-tabs .nav-link,
[data-theme="dark"] .nav-tabs .nav-link,
.dark-mode .nav-tabs .nav-link {
    color: #9aa3af;
}

[data-bs-theme="dark"] .nav-tabs li.active a,
[data-theme="dark"] .nav-tabs li.active a,
.dark-mode .nav-tabs li.active a,
[data-bs-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-tabs .nav-link.active,
.dark-mode .nav-tabs .nav-link.active {
    background: #1e232b;
    color: #60a5fa;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover,
[data-theme="dark"] .nav-tabs .nav-link:hover,
.dark-mode .nav-tabs .nav-link:hover {
    color: #60a5fa;
    border-bottom-color: #60a5fa;
}


/* =====================================================
   TABS & ACCORDIONS (legacy OSP)
===================================================== */

[data-bs-theme="dark"] dl.tabs dt,
[data-theme="dark"] dl.tabs dt,
.dark-mode dl.tabs dt {
    background: #1a1e25;
    border-color: rgba(255,255,255,0.12);
    color: #9aa3af;
}

[data-bs-theme="dark"] dl.tabs dt.open,
[data-theme="dark"] dl.tabs dt.open,
.dark-mode dl.tabs dt.open {
    background: #12161d;
    border-bottom-color: #12161d;
    color: #f1f5f9;
}

[data-bs-theme="dark"] div.current,
[data-theme="dark"] div.current,
.dark-mode div.current {
    border-color: rgba(255,255,255,0.12);
    background: #12161d;
}

[data-bs-theme="dark"] .pane-sliders .panel,
[data-theme="dark"] .pane-sliders .panel,
.dark-mode .pane-sliders .panel {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .pane-sliders .panel h3,
[data-theme="dark"] .pane-sliders .panel h3,
.dark-mode .pane-sliders .panel h3 {
    background: #1a1e25;
    color: #cdd5e0;
}

[data-bs-theme="dark"] .pane-sliders .title,
[data-theme="dark"] .pane-sliders .title,
.dark-mode .pane-sliders .title {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .accordion-item,
[data-theme="dark"] .accordion-item,
.dark-mode .accordion-item {
    background: #12161d;
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .accordion-button,
[data-theme="dark"] .accordion-button,
.dark-mode .accordion-button {
    background: #1a1e25;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed),
[data-theme="dark"] .accordion-button:not(.collapsed),
.dark-mode .accordion-button:not(.collapsed) {
    background: #1e232b;
    color: #60a5fa;
}


/* =====================================================
   DATA TABLES
===================================================== */

[data-bs-theme="dark"] table.admintable td.key,
[data-theme="dark"] table.admintable td.key,
.dark-mode table.admintable td.key,
[data-bs-theme="dark"] table.admintable td.paramlist_key,
[data-theme="dark"] table.admintable td.paramlist_key,
.dark-mode table.admintable td.paramlist_key {
    background-color: #1a1e25;
    border-bottom-color: rgba(255,255,255,0.08);
    border-right-color: rgba(255,255,255,0.08);
    color: #cdd5e0;
}

[data-bs-theme="dark"] table.admintable td,
[data-theme="dark"] table.admintable td,
.dark-mode table.admintable td {
    color: #cdd5e0;
}

[data-bs-theme="dark"] table.adminlist thead th,
[data-theme="dark"] table.adminlist thead th,
.dark-mode table.adminlist thead th {
    background: #1a1e25;
    border-bottom-color: rgba(255,255,255,0.12);
    border-left-color: rgba(255,255,255,0.08);
    color: #cdd5e0;
}

[data-bs-theme="dark"] .sectiontableheader,
[data-theme="dark"] .sectiontableheader,
.dark-mode .sectiontableheader {
    background: #1a1e25;
    border-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}


/* =====================================================
   MEMBERSHIP & ORDER TABLES
===================================================== */

[data-bs-theme="dark"] .addproperty-membership-table,
[data-theme="dark"] .addproperty-membership-table,
.dark-mode .addproperty-membership-table,
[data-bs-theme="dark"] .orders-history-table,
[data-theme="dark"] .orders-history-table,
.dark-mode .orders-history-table,
[data-bs-theme="dark"] .upgradeproperty-table,
[data-theme="dark"] .upgradeproperty-table,
.dark-mode .upgradeproperty-table {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .addproperty-membership-table th,
[data-theme="dark"] .addproperty-membership-table th,
.dark-mode .addproperty-membership-table th,
[data-bs-theme="dark"] .addproperty-membership-subtable th,
[data-theme="dark"] .addproperty-membership-subtable th,
.dark-mode .addproperty-membership-subtable th,
[data-bs-theme="dark"] .addproperty-membership-payments-table th,
[data-theme="dark"] .addproperty-membership-payments-table th,
.dark-mode .addproperty-membership-payments-table th,
[data-bs-theme="dark"] .addproperty-membership-credit-table th,
[data-theme="dark"] .addproperty-membership-credit-table th,
.dark-mode .addproperty-membership-credit-table th,
[data-bs-theme="dark"] .orders-history-table th,
[data-theme="dark"] .orders-history-table th,
.dark-mode .orders-history-table th {
    background: #1a1e25 !important;
    color: #e5e7eb;
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .addproperty-membership-table td,
[data-theme="dark"] .addproperty-membership-table td,
.dark-mode .addproperty-membership-table td,
[data-bs-theme="dark"] .addproperty-membership-subtable td,
[data-theme="dark"] .addproperty-membership-subtable td,
.dark-mode .addproperty-membership-subtable td {
    border-bottom-color: rgba(255,255,255,0.08) !important;
    color: #cdd5e0;
}

[data-bs-theme="dark"] .orders-history-table .row0 td,
[data-theme="dark"] .orders-history-table .row0 td,
.dark-mode .orders-history-table .row0 td {
    background-color: #12161d;
    color: #e5e7eb;
    border-top-color: rgba(255,255,255,0.08) !important;
}

[data-bs-theme="dark"] .orders-history-table .row1 td,
[data-theme="dark"] .orders-history-table .row1 td,
.dark-mode .orders-history-table .row1 td {
    background-color: #1a1e25;
    color: #e5e7eb;
    border-top-color: rgba(255,255,255,0.08) !important;
}


/* =====================================================
   STATISTICS PAGE
===================================================== */

[data-bs-theme="dark"] .statistic-page,
[data-theme="dark"] .statistic-page,
.dark-mode .statistic-page {
    background: #1e232b;
}

[data-bs-theme="dark"] .statistic-page .property-info,
[data-theme="dark"] .statistic-page .property-info,
.dark-mode .statistic-page .property-info {
    background: #12161d !important;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .pro-graphical,
[data-theme="dark"] .pro-graphical,
.dark-mode .pro-graphical,
[data-bs-theme="dark"] .ranking-property,
[data-theme="dark"] .ranking-property,
.dark-mode .ranking-property,
[data-bs-theme="dark"] .export_hits,
[data-theme="dark"] .export_hits,
.dark-mode .export_hits {
    background: #12161d;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .property-main,
[data-theme="dark"] .property-main,
.dark-mode .property-main {
    background: #1a1e25;
}


/* =====================================================
   PHOTO GALLERY & LIGHTBOX
===================================================== */

[data-bs-theme="dark"] #cboxContent,
[data-theme="dark"] #cboxContent,
.dark-mode #cboxContent,
[data-bs-theme="dark"] .cboxIframe,
[data-theme="dark"] .cboxIframe,
.dark-mode .cboxIframe {
    background: #12161d;
}

[data-bs-theme="dark"] #cboxTitle,
[data-theme="dark"] #cboxTitle,
.dark-mode #cboxTitle,
[data-bs-theme="dark"] #cboxCurrent,
[data-theme="dark"] #cboxCurrent,
.dark-mode #cboxCurrent {
    color: #9aa3af;
}

[data-bs-theme="dark"] .photos_count div,
[data-theme="dark"] .photos_count div,
.dark-mode .photos_count div {
    background: #1e232b;
}

[data-bs-theme="dark"] .photos_count div a,
[data-theme="dark"] .photos_count div a,
.dark-mode .photos_count div a {
    color: #e5e7eb;
}

[data-bs-theme="dark"] #bigPic,
[data-theme="dark"] #bigPic,
.dark-mode #bigPic {
    background-color: #12161d;
}

[data-bs-theme="dark"] ul#thumbs li,
[data-theme="dark"] ul#thumbs li,
.dark-mode ul#thumbs li {
    border-color: rgba(255,255,255,0.15);
}


/* =====================================================
   PAGINATION
===================================================== */

[data-bs-theme="dark"] ul.paging li,
[data-theme="dark"] ul.paging li,
.dark-mode ul.paging li {
    background: #1e232b;
    border-color: rgba(255,255,255,0.15);
    color: #cdd5e0;
}

[data-bs-theme="dark"] ul.paging li:hover,
[data-theme="dark"] ul.paging li:hover,
.dark-mode ul.paging li:hover,
[data-bs-theme="dark"] ul.paging li.active,
[data-theme="dark"] ul.paging li.active,
.dark-mode ul.paging li.active {
    background: #2a3040;
    color: #f1f5f9;
}

[data-bs-theme="dark"] ul.paging li.navigator,
[data-theme="dark"] ul.paging li.navigator,
.dark-mode ul.paging li.navigator {
    background: #1a1e25;
}

[data-bs-theme="dark"] ul.paging a,
[data-theme="dark"] ul.paging a,
.dark-mode ul.paging a {
    color: #cdd5e0;
}


/* =====================================================
   TOOLBAR & GRID VIEW
===================================================== */

[data-bs-theme="dark"] div.toolbar-list li,
[data-theme="dark"] div.toolbar-list li,
.dark-mode div.toolbar-list li {
    background-color: transparent;
}

[data-bs-theme="dark"] div.toolbar-list a,
[data-theme="dark"] div.toolbar-list a,
.dark-mode div.toolbar-list a {
    border-color: rgba(255,255,255,0.12);
    color: #cdd5e0;
}

[data-bs-theme="dark"] .backgroundlightgray,
[data-theme="dark"] .backgroundlightgray,
.dark-mode .backgroundlightgray {
    background-color: #1a1e25;
}

[data-bs-theme="dark"] .backgroundwhite,
[data-theme="dark"] .backgroundwhite,
.dark-mode .backgroundwhite {
    background-color: #1e232b;
}


/* =====================================================
   FORM CONTROLS & MISC
===================================================== */

[data-bs-theme="dark"] .fieldsetpropertydetails,
[data-theme="dark"] .fieldsetpropertydetails,
.dark-mode .fieldsetpropertydetails {
    border-color: rgba(255,255,255,0.12) !important;
}

[data-bs-theme="dark"] .advsearch_table tr td,
[data-theme="dark"] .advsearch_table tr td,
.dark-mode .advsearch_table tr td {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .resultheader,
[data-theme="dark"] .resultheader,
.dark-mode .resultheader {
    color: #9aa3af;
}

[data-bs-theme="dark"] .small_text,
[data-theme="dark"] .small_text,
.dark-mode .small_text {
    color: #9aa3af;
}

[data-bs-theme="dark"] .message,
[data-theme="dark"] .message,
.dark-mode .message {
    color: #f87171;
}

[data-bs-theme="dark"] .counter,
[data-theme="dark"] .counter,
.dark-mode .counter {
    background: #1a1e25;
    border-color: rgba(255,255,255,0.12);
    color: #cdd5e0;
}

[data-bs-theme="dark"] #messages_area,
[data-theme="dark"] #messages_area,
.dark-mode #messages_area {
    border-color: rgba(255,255,255,0.12);
    background: #12161d;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .error,
[data-theme="dark"] .error,
.dark-mode .error {
    background-color: #3b1018;
    color: #fca5a5;
}

[data-bs-theme="dark"] .propertyinformationtable,
[data-theme="dark"] .propertyinformationtable,
.dark-mode .propertyinformationtable {
    border-color: #f87171 !important;
    background-color: #3b1018;
}

[data-bs-theme="dark"] .membershiptable thead tr th,
[data-theme="dark"] .membershiptable thead tr th,
.dark-mode .membershiptable thead tr th {
    background-color: #1a1e25 !important;
}

[data-bs-theme="dark"] .plantable,
[data-theme="dark"] .plantable,
.dark-mode .plantable {
    border-color: rgba(255,255,255,0.12) !important;
}

[data-bs-theme="dark"] .manualuploadpicture,
[data-theme="dark"] .manualuploadpicture,
.dark-mode .manualuploadpicture {
    border-color: rgba(255,255,255,0.15);
}

[data-bs-theme="dark"] .property_history_table .td1,
[data-theme="dark"] .property_history_table .td1,
.dark-mode .property_history_table .td1 {
    background-color: #c2410c;
}


/* =====================================================
   BOOTSTRAP COMPONENTS (dark overrides)
===================================================== */

[data-bs-theme="dark"] .card,
[data-theme="dark"] .card,
.dark-mode .card {
    background: #1e232b;
    border-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .card-body,
[data-theme="dark"] .card-body,
.dark-mode .card-body {
    color: #e5e7eb;
}

[data-bs-theme="dark"] .dropdown-menu,
[data-theme="dark"] .dropdown-menu,
.dark-mode .dropdown-menu {
    background: #1e232b;
    border-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .form-control,
[data-theme="dark"] .form-control,
.dark-mode .form-control,
[data-bs-theme="dark"] .form-select,
[data-theme="dark"] .form-select,
.dark-mode .form-select {
    background-color: #12161d;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-control:focus,
.dark-mode .form-control:focus,
[data-bs-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-select:focus,
.dark-mode .form-select:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
}

[data-bs-theme="dark"] .modal-content,
[data-theme="dark"] .modal-content,
.dark-mode .modal-content {
    background: #1e232b;
    border-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .modal-header,
[data-theme="dark"] .modal-header,
.dark-mode .modal-header {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .modal-footer,
[data-theme="dark"] .modal-footer,
.dark-mode .modal-footer {
    border-top-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .table,
[data-theme="dark"] .table,
.dark-mode .table {
    color: #e5e7eb;
    border-color: rgba(255,255,255,0.08);
}

[data-bs-theme="dark"] .table > thead,
[data-theme="dark"] .table > thead,
.dark-mode .table > thead {
    color: #e5e7eb;
}

[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd),
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd),
.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,0.03);
}

[data-bs-theme="dark"] .alert,
[data-theme="dark"] .alert,
.dark-mode .alert {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .list-group-item,
[data-theme="dark"] .list-group-item,
.dark-mode .list-group-item {
    background-color: #1e232b;
    border-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .breadcrumb,
[data-theme="dark"] .breadcrumb,
.dark-mode .breadcrumb {
    background: transparent;
}

[data-bs-theme="dark"] .breadcrumb-item a,
[data-theme="dark"] .breadcrumb-item a,
.dark-mode .breadcrumb-item a {
    color: #60a5fa;
}

[data-bs-theme="dark"] .breadcrumb-item.active,
[data-theme="dark"] .breadcrumb-item.active,
.dark-mode .breadcrumb-item.active {
    color: #9aa3af;
}


/* =====================================================
   MAP POPUP (leaflet)
===================================================== */

[data-bs-theme="dark"] .leaflet-popup-content-wrapper,
[data-theme="dark"] .leaflet-popup-content-wrapper,
.dark-mode .leaflet-popup-content-wrapper {
    background: #1e232b;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .leaflet-popup-tip,
[data-theme="dark"] .leaflet-popup-tip,
.dark-mode .leaflet-popup-tip {
    background: #1e232b;
}

[data-bs-theme="dark"] .property-popup p,
[data-theme="dark"] .property-popup p,
.dark-mode .property-popup p {
    color: #9aa3af;
}

[data-bs-theme="dark"] .property-popup h4 a,
[data-theme="dark"] .property-popup h4 a,
.dark-mode .property-popup h4 a {
    color: #60a5fa;
}


/* =====================================================
   SWITCH / TOGGLE CONTROL
===================================================== */

[data-bs-theme="dark"] .switch-label,
[data-theme="dark"] .switch-label,
.dark-mode .switch-label {
    background: #3a3f47;
}


/* =====================================================
   DARK MODE — PAGE BACKGROUND & BODY
===================================================== */

[data-bs-theme="dark"],
[data-theme="dark"],
.dark-mode {
    background-color: #12161d;
    color: #e5e7eb;
}

[data-bs-theme="dark"] body,
[data-theme="dark"] body,
.dark-mode body {
    color: #e5e7eb;
}


/* =====================================================
   DARK MODE — PHOCA / JOOMLA CORE WRAPPERS
===================================================== */

[data-bs-theme="dark"] .container-main,
[data-theme="dark"] .container-main,
.dark-mode .container-main,
[data-bs-theme="dark"] .phTplContainer,
[data-theme="dark"] .phTplContainer,
.dark-mode .phTplContainer,
[data-bs-theme="dark"] .com-content,
[data-theme="dark"] .com-content,
.dark-mode .com-content,
[data-bs-theme="dark"] .item-page,
[data-theme="dark"] .item-page,
.dark-mode .item-page,
[data-bs-theme="dark"] .blog,
[data-theme="dark"] .blog,
.dark-mode .blog {
    color: #e5e7eb;
}

[data-bs-theme="dark"] .container-component,
[data-theme="dark"] .container-component,
.dark-mode .container-component {
    color: #e5e7eb;
}


/* =====================================================
   DARK MODE — GENERAL TEXT & HEADINGS
===================================================== */

[data-bs-theme="dark"] h1,
[data-theme="dark"] h1,
.dark-mode h1,
[data-bs-theme="dark"] h2,
[data-theme="dark"] h2,
.dark-mode h2,
[data-bs-theme="dark"] h3,
[data-theme="dark"] h3,
.dark-mode h3,
[data-bs-theme="dark"] h4,
[data-theme="dark"] h4,
.dark-mode h4,
[data-bs-theme="dark"] h5,
[data-theme="dark"] h5,
.dark-mode h5,
[data-bs-theme="dark"] h6,
[data-theme="dark"] h6,
.dark-mode h6 {
    color: #f1f5f9;
}

[data-bs-theme="dark"] p,
[data-theme="dark"] p,
.dark-mode p,
[data-bs-theme="dark"] span,
[data-theme="dark"] span,
.dark-mode span,
[data-bs-theme="dark"] li,
[data-theme="dark"] li,
.dark-mode li,
[data-bs-theme="dark"] td,
[data-theme="dark"] td,
.dark-mode td,
[data-bs-theme="dark"] th,
[data-theme="dark"] th,
.dark-mode th,
[data-bs-theme="dark"] label,
[data-theme="dark"] label,
.dark-mode label,
[data-bs-theme="dark"] legend,
[data-theme="dark"] legend,
.dark-mode legend {
    color: #e5e7eb;
}

[data-bs-theme="dark"] a,
[data-theme="dark"] a,
.dark-mode a {
    color: #60a5fa;
}

[data-bs-theme="dark"] .text-muted,
[data-theme="dark"] .text-muted,
.dark-mode .text-muted {
    color: #9aa3af !important;
}

[data-bs-theme="dark"] .text-dark,
[data-theme="dark"] .text-dark,
.dark-mode .text-dark {
    color: #e5e7eb !important;
}

[data-bs-theme="dark"] .text-body,
[data-theme="dark"] .text-body,
.dark-mode .text-body {
    color: #e5e7eb !important;
}


/* =====================================================
   DARK MODE — BOOTSTRAP UTILITY BACKGROUNDS
===================================================== */

[data-bs-theme="dark"] .bg-light,
[data-theme="dark"] .bg-light,
.dark-mode .bg-light {
    background-color: #1a1e25 !important;
}

[data-bs-theme="dark"] .bg-white,
[data-theme="dark"] .bg-white,
.dark-mode .bg-white {
    background-color: #1e232b !important;
}

[data-bs-theme="dark"] .bg-body,
[data-theme="dark"] .bg-body,
.dark-mode .bg-body {
    background-color: #12161d !important;
}

[data-bs-theme="dark"] .bg-body-secondary,
[data-theme="dark"] .bg-body-secondary,
.dark-mode .bg-body-secondary {
    background-color: #1a1e25 !important;
}

[data-bs-theme="dark"] .bg-body-tertiary,
[data-theme="dark"] .bg-body-tertiary,
.dark-mode .bg-body-tertiary {
    background-color: #1e232b !important;
}

[data-bs-theme="dark"] .border,
[data-theme="dark"] .border,
.dark-mode .border {
    border-color: rgba(255,255,255,0.12) !important;
}


/* =====================================================
   DARK MODE — BOOTSTRAP CARD EXTRAS
===================================================== */

[data-bs-theme="dark"] .card-header,
[data-theme="dark"] .card-header,
.dark-mode .card-header {
    background-color: #1a1e25;
    border-bottom-color: rgba(255,255,255,0.12);
    color: #f1f5f9;
}

[data-bs-theme="dark"] .card-footer,
[data-theme="dark"] .card-footer,
.dark-mode .card-footer {
    background-color: #1a1e25;
    border-top-color: rgba(255,255,255,0.12);
    color: #e5e7eb;
}


/* =====================================================
   DARK MODE — INPUT GROUP & FORM EXTRAS
===================================================== */

[data-bs-theme="dark"] .input-group-text,
[data-theme="dark"] .input-group-text,
.dark-mode .input-group-text {
    background-color: #1a1e25;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .form-check-label,
[data-theme="dark"] .form-check-label,
.dark-mode .form-check-label {
    color: #e5e7eb;
}

[data-bs-theme="dark"] .form-label,
[data-theme="dark"] .form-label,
.dark-mode .form-label {
    color: #cdd5e0;
}

[data-bs-theme="dark"] .form-text,
[data-theme="dark"] .form-text,
.dark-mode .form-text {
    color: #9aa3af;
}

[data-bs-theme="dark"] ::placeholder,
[data-theme="dark"] ::placeholder,
.dark-mode ::placeholder {
    color: #6b7280 !important;
    opacity: 1;
}

[data-bs-theme="dark"] .form-control::placeholder,
[data-theme="dark"] .form-control::placeholder,
.dark-mode .form-control::placeholder {
    color: #6b7280 !important;
}


/* =====================================================
   DARK MODE — DISABLED BUTTONS
===================================================== */

[data-bs-theme="dark"] .btn.disabled,
[data-theme="dark"] .btn.disabled,
.dark-mode .btn.disabled,
[data-bs-theme="dark"] .btn[disabled],
[data-theme="dark"] .btn[disabled],
.dark-mode .btn[disabled] {
    background-color: #2a2f38;
    color: #6b7280;
}

[data-bs-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-outline-secondary,
.dark-mode .btn-outline-secondary {
    color: #cdd5e0;
    border-color: rgba(255,255,255,0.2);
}

[data-bs-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:hover,
.dark-mode .btn-outline-secondary:hover {
    background-color: #1e232b;
    color: #f1f5f9;
}

[data-bs-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-secondary,
.dark-mode .btn-secondary {
    background-color: #2a2f38;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}

[data-bs-theme="dark"] .btn-light,
[data-theme="dark"] .btn-light,
.dark-mode .btn-light {
    background-color: #1e232b;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}


/* =====================================================
   DARK MODE — OSP MAP WRAPPER & FOOTER
===================================================== */

[data-bs-theme="dark"] #mapWrapper,
[data-theme="dark"] #mapWrapper,
.dark-mode #mapWrapper {
    background-color: #1e232b;
    border-color: rgba(255,255,255,0.12) !important;
}

[data-bs-theme="dark"] #mapFooter,
[data-theme="dark"] #mapFooter,
.dark-mode #mapFooter {
    background-color: #1e232b;
    border-color: rgba(255,255,255,0.12) !important;
    color: #cdd5e0;
}

[data-bs-theme="dark"] .expandMap,
[data-theme="dark"] .expandMap,
.dark-mode .expandMap {
    background-color: #1e232b;
    border-color: rgba(255,255,255,0.12) !important;
    color: #cdd5e0;
}


/* =====================================================
   DARK MODE — OSP ROW ZEBRA & TABLE BACKGROUNDS
===================================================== */

[data-bs-theme="dark"] .row0 td,
[data-theme="dark"] .row0 td,
.dark-mode .row0 td {
    background-color: #12161d;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .row1 td,
[data-theme="dark"] .row1 td,
.dark-mode .row1 td {
    background-color: #1a1e25;
    color: #e5e7eb;
}

[data-bs-theme="dark"] tr.warning > td,
[data-theme="dark"] tr.warning > td,
.dark-mode tr.warning > td {
    background-color: #3b2f10 !important;
    color: #fbbf24;
}

[data-bs-theme="dark"] tr.info > td,
[data-theme="dark"] tr.info > td,
.dark-mode tr.info > td {
    background-color: #12293d !important;
    color: #93c5fd;
}


/* =====================================================
   DARK MODE — OSP AUTOCOMPLETE / SUGGESTIONS
===================================================== */

[data-bs-theme="dark"] .suggestionsBox,
[data-theme="dark"] .suggestionsBox,
.dark-mode .suggestionsBox {
    background-color: #1e232b;
    border-color: rgba(255,255,255,0.15);
    color: #e5e7eb;
}


/* =====================================================
   DARK MODE — OSP CBOX / LIGHTBOX EXTRAS
===================================================== */

[data-bs-theme="dark"] #cboxError,
[data-theme="dark"] #cboxError,
.dark-mode #cboxError {
    border-color: rgba(255,255,255,0.12);
    background: #1e232b;
    color: #e5e7eb;
}

[data-bs-theme="dark"] #cboxOverlay,
[data-theme="dark"] #cboxOverlay,
.dark-mode #cboxOverlay {
    background: #000;
}


/* =====================================================
   DARK MODE — OSP NOTICE BOXES
===================================================== */

[data-bs-theme="dark"] .n_middle_left,
[data-theme="dark"] .n_middle_left,
.dark-mode .n_middle_left,
[data-bs-theme="dark"] .n_middle_right,
[data-theme="dark"] .n_middle_right,
.dark-mode .n_middle_right,
[data-bs-theme="dark"] .n_middle_center,
[data-theme="dark"] .n_middle_center,
.dark-mode .n_middle_center,
[data-bs-theme="dark"] .n_corner_bottom_center,
[data-theme="dark"] .n_corner_bottom_center,
.dark-mode .n_corner_bottom_center {
    background-color: #12291a;
    background-image: none;
}


/* =====================================================
   DARK MODE — OSP AGENT PHOTO & MISC
===================================================== */

[data-bs-theme="dark"] .agent_photo,
[data-theme="dark"] .agent_photo,
.dark-mode .agent_photo {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .mobileagentlistindent h2,
[data-theme="dark"] .mobileagentlistindent h2,
.dark-mode .mobileagentlistindent h2 {
    color: #f87171;
}

[data-bs-theme="dark"] .admin-photo-title,
[data-theme="dark"] .admin-photo-title,
.dark-mode .admin-photo-title {
    background-color: rgba(0,0,0,0.6);
    color: #f1f5f9;
}

[data-bs-theme="dark"] #bx-pager a img,
[data-theme="dark"] #bx-pager a img,
.dark-mode #bx-pager a img {
    border-color: rgba(255,255,255,0.15) !important;
}

[data-bs-theme="dark"] table.admintable td.thankyou_td,
[data-theme="dark"] table.admintable td.thankyou_td,
.dark-mode table.admintable td.thankyou_td {
    border-color: rgba(255,255,255,0.08) !important;
}


/* =====================================================
   DARK MODE — OSP IP TOOLBAR
===================================================== */

[data-bs-theme="dark"] #ip_toolbar a,
[data-theme="dark"] #ip_toolbar a,
.dark-mode #ip_toolbar a {
    border-left-color: rgba(255,255,255,0.12);
    color: #60a5fa;
}


/* =====================================================
   DARK MODE — LABELS & BADGES (OSP legacy)
===================================================== */

[data-bs-theme="dark"] .label,
[data-theme="dark"] .label,
.dark-mode .label {
    background-color: #2a2f38;
    color: #e5e7eb;
    text-shadow: none;
}


/* =====================================================
   DARK MODE — OSP THANKYOU / CONFIRMATION PAGES
===================================================== */

[data-bs-theme="dark"] .ospitem-watermark_category,
[data-theme="dark"] .ospitem-watermark_category,
.dark-mode .ospitem-watermark_category,
[data-bs-theme="dark"] .ospitem-watermark_types,
[data-theme="dark"] .ospitem-watermark_types,
.dark-mode .ospitem-watermark_types {
    color: #fff;
}


/* =====================================================
   DARK MODE — OSP ITEM IMAGES INPUT
===================================================== */

[data-bs-theme="dark"] #itemImages input.itemInput,
[data-theme="dark"] #itemImages input.itemInput,
.dark-mode #itemImages input.itemInput {
    color: #e5e7eb;
}


/* =====================================================
   DARK MODE — JOOMLA SYSTEM MESSAGES
===================================================== */

[data-bs-theme="dark"] .alert-info,
[data-theme="dark"] .alert-info,
.dark-mode .alert-info {
    background-color: #12293d;
    border-color: #1e3a5f;
    color: #93c5fd;
}

[data-bs-theme="dark"] .alert-success,
[data-theme="dark"] .alert-success,
.dark-mode .alert-success {
    background-color: #0d3320;
    border-color: #065f46;
    color: #6ee7b7;
}

[data-bs-theme="dark"] .alert-warning,
[data-theme="dark"] .alert-warning,
.dark-mode .alert-warning {
    background-color: #3b2f10;
    border-color: #78350f;
    color: #fbbf24;
}

[data-bs-theme="dark"] .alert-danger,
[data-theme="dark"] .alert-danger,
.dark-mode .alert-danger {
    background-color: #3b1018;
    border-color: #7f1d1d;
    color: #fca5a5;
}


/* =====================================================
   DARK MODE — POPOVER & TOOLTIP
===================================================== */

[data-bs-theme="dark"] .popover,
[data-theme="dark"] .popover,
.dark-mode .popover {
    background-color: #1e232b;
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .popover-header,
[data-theme="dark"] .popover-header,
.dark-mode .popover-header {
    background-color: #1a1e25;
    border-bottom-color: rgba(255,255,255,0.12);
    color: #f1f5f9;
}

[data-bs-theme="dark"] .popover-body,
[data-theme="dark"] .popover-body,
.dark-mode .popover-body {
    color: #e5e7eb;
}

[data-bs-theme="dark"] .bs-popover-top > .popover-arrow::after,
[data-theme="dark"] .bs-popover-top > .popover-arrow::after,
.dark-mode .bs-popover-top > .popover-arrow::after {
    border-top-color: #1e232b;
}

[data-bs-theme="dark"] .bs-popover-bottom > .popover-arrow::after,
[data-theme="dark"] .bs-popover-bottom > .popover-arrow::after,
.dark-mode .bs-popover-bottom > .popover-arrow::after {
    border-bottom-color: #1e232b;
}

[data-bs-theme="dark"] .tooltip-inner,
[data-theme="dark"] .tooltip-inner,
.dark-mode .tooltip-inner {
    background-color: #2a2f38;
    color: #f1f5f9;
}


/* =====================================================
   DARK MODE — OFFCANVAS
===================================================== */

[data-bs-theme="dark"] .offcanvas,
[data-theme="dark"] .offcanvas,
.dark-mode .offcanvas {
    background-color: #1e232b;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .offcanvas-header,
[data-theme="dark"] .offcanvas-header,
.dark-mode .offcanvas-header {
    border-bottom-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] .btn-close,
[data-theme="dark"] .btn-close,
.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}


/* =====================================================
   DARK MODE — PAGINATION (Bootstrap)
===================================================== */

[data-bs-theme="dark"] .page-link,
[data-theme="dark"] .page-link,
.dark-mode .page-link {
    background-color: #1e232b;
    border-color: rgba(255,255,255,0.15);
    color: #cdd5e0;
}

[data-bs-theme="dark"] .page-link:hover,
[data-theme="dark"] .page-link:hover,
.dark-mode .page-link:hover {
    background-color: #2a3040;
    color: #f1f5f9;
}

[data-bs-theme="dark"] .page-item.active .page-link,
[data-theme="dark"] .page-item.active .page-link,
.dark-mode .page-item.active .page-link {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #fff;
}

[data-bs-theme="dark"] .page-item.disabled .page-link,
[data-theme="dark"] .page-item.disabled .page-link,
.dark-mode .page-item.disabled .page-link {
    background-color: #12161d;
    border-color: rgba(255,255,255,0.08);
    color: #4b5563;
}


/* =====================================================
   DARK MODE — GENERAL HR, FIELDSET, LEGEND
===================================================== */

[data-bs-theme="dark"] hr,
[data-theme="dark"] hr,
.dark-mode hr {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] fieldset,
[data-theme="dark"] fieldset,
.dark-mode fieldset {
    border-color: rgba(255,255,255,0.12);
}

[data-bs-theme="dark"] legend,
[data-theme="dark"] legend,
.dark-mode legend {
    color: #f1f5f9;
}


/* =====================================================
   DARK MODE — SELECTION & SCROLLBAR
===================================================== */

[data-bs-theme="dark"] ::selection,
[data-theme="dark"] ::selection,
.dark-mode ::selection {
    background: rgba(96, 165, 250, 0.3);
    color: #f1f5f9;
}

[data-bs-theme="dark"] ::-webkit-scrollbar,
[data-theme="dark"] ::-webkit-scrollbar,
.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-track,
[data-theme="dark"] ::-webkit-scrollbar-track,
.dark-mode ::-webkit-scrollbar-track {
    background: #12161d;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb,
[data-theme="dark"] ::-webkit-scrollbar-thumb,
.dark-mode ::-webkit-scrollbar-thumb {
    background: #3a3f47;
    border-radius: 4px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #4b5563;
}


/* =====================================================
   OS PROPERTY — NEIGHBOURHOOD RADIO BUTTONS
   Fixes invisible/distorted native radios in Bootstrap 5
===================================================== */

input[type="radio"][name^="traffic_type_"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    border: 2px solid #6b7280 !important;
    border-radius: 50% !important;
    margin: 0 4px 0 10px !important;
    vertical-align: middle !important;
    cursor: pointer;
    background: #fff !important;
    background-image: none !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    flex-shrink: 0;
    transition: all 0.15s ease;
    position: relative;
}

input[type="radio"][name^="traffic_type_"]:checked {
    border-color: #1a56db !important;
    background: #1a56db !important;
    background-image: none !important;
}

input[type="radio"][name^="traffic_type_"]:checked::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

input[type="radio"][name^="traffic_type_"]:hover:not(:checked) {
    border-color: #3b82f6 !important;
    background: #eff6ff !important;
}

input[type="radio"][name^="traffic_type_"]:focus {
    outline: 2px solid #93c5fd;
    outline-offset: 1px;
    box-shadow: none !important;
}

[data-bs-theme="dark"] input[type="radio"][name^="traffic_type_"],
[data-theme="dark"] input[type="radio"][name^="traffic_type_"],
.dark-mode input[type="radio"][name^="traffic_type_"] {
    border-color: #6b7280 !important;
    background: #1f2937 !important;
}

[data-bs-theme="dark"] input[type="radio"][name^="traffic_type_"]:checked,
[data-theme="dark"] input[type="radio"][name^="traffic_type_"]:checked,
.dark-mode input[type="radio"][name^="traffic_type_"]:checked {
    border-color: #60a5fa !important;
    background: #2563eb !important;
}

[data-bs-theme="dark"] input[type="radio"][name^="traffic_type_"]:hover:not(:checked),
[data-theme="dark"] input[type="radio"][name^="traffic_type_"]:hover:not(:checked),
.dark-mode input[type="radio"][name^="traffic_type_"]:hover:not(:checked) {
    border-color: #60a5fa !important;
    background: #1e3a5f !important;
}

[data-bs-theme="dark"] .neightborhoodicon img,
[data-theme="dark"] .neightborhoodicon img,
.dark-mode .neightborhoodicon img {
    filter: invert(1);
}

/* =====================================================
   PHOCA SPECTRUM THEME SWITCHER — HIDE "Toggle theme" TEXT
   Phoca renders <span class="d-lg-none" id="phTplThemeSwitcherText">
   which shows below 992px. Suppress at all widths; tooltip added via JS.
===================================================== */
#phTplThemeSwitcherText { display: none !important; }


/* =====================================================
   RESPONSIVE: HEADER HEIGHT BELOW 900px
===================================================== */

@media (max-width: 900px) {
    .container-header {
        min-height: 20vw;
    }

    .container-header::before {
        background-size: 300% auto;
        mask-image: linear-gradient(
            to bottom,
            black 0%,
            black 50%,
            transparent 100%
        );
    }

    body::after {
        background: linear-gradient(
            to bottom,
            rgba(var(--body-fade-rgb),0) 0,
            rgba(var(--body-fade-rgb),0.6) 14vw,
            rgba(var(--body-fade-rgb),0.95) 20vw,
            rgba(var(--body-fade-rgb),1) 25vw
        );
    }

    body::before {
        background-size: 300% auto;
    }

    /* Scale logo to match reduced header */
    .container-header .navbar-brand {
        font-size: 1rem;
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .container-header .navbar-brand img,
    .container-header .navbar-brand .logo,
    .container-header .navbar-brand .phTplLogoSvg {
        max-height: 4.5vw;
        width: auto;
    }

    /* Scale theme switcher */
    .container-header .ph-tpl-theme-switcher .ph-tpl-si,
    .container-header .ph-tpl-si {
        height: 1em;
        width: 1em;
    }

    .container-header .ph-tpl-theme-switcher .btn {
        padding: 0.2rem 0.4rem;
        font-size: 0.8rem;
    }

    /* Scale login module */
    .container-header .mod-login,
    .container-header [class*="mod_login"],
    .container-header .login-module {
        font-size: 0.8rem;
    }

    .container-header .mod-login .btn,
    .container-header [class*="mod_login"] .btn,
    .container-header .login-module .btn {
        padding: 0.2rem 0.5rem;
        font-size: 0.75rem;
    }

    .container-header .mod-login input,
    .container-header [class*="mod_login"] input {
        padding: 0.2rem 0.4rem;
        font-size: 0.75rem;
        height: auto;
    }

    /* Scale nav container spacing */
    .container-header .container-nav {
        padding-bottom: 0.4em;
    }
}


/* =====================================================
   REID ARTICLE PAGES (responsive layout for all CMS articles)
===================================================== */

.reid-article{max-width:960px;margin:0 auto;font-family:inherit;line-height:1.7;color:#1e293b}
.reid-article h1{text-align:center;font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#1e1b4b}
.reid-article .reid-subtitle{text-align:center;font-size:1.1rem;color:#6366f1;margin:0 0 2rem;font-weight:500}
.reid-article h2{font-size:1.4rem;font-weight:700;color:#312e81;margin:2.5rem 0 1rem;padding-bottom:.4rem;border-bottom:2px solid #e0e7ff}
.reid-article p{margin:0 0 1rem}
.reid-article strong{color:#1e1b4b}
.reid-article em{color:#6366f1;font-style:normal;font-weight:600}
.reid-article .reid-section{display:flex;align-items:flex-start;gap:1.5rem;margin:0 0 2rem}
.reid-article .reid-section.reverse{flex-direction:row-reverse}
.reid-article .reid-section-img{flex:0 0 340px;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.reid-article .reid-section-img img{width:100%;height:auto;display:block}
.reid-article .reid-section-text{flex:1;min-width:0}
.reid-article ul{margin:0 0 1rem;padding-left:1.4rem}
.reid-article li{margin-bottom:.4rem}
.reid-article .reid-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin:1.5rem 0}
.reid-article .reid-feat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.2rem;transition:box-shadow .2s}
.reid-article .reid-feat:hover{box-shadow:0 4px 16px rgba(99,102,241,.12)}
.reid-article .reid-feat h3{font-size:1rem;font-weight:700;color:#4f46e5;margin:0 0 .5rem}
.reid-article .reid-feat p{font-size:.92rem;margin:0;color:#475569}
.reid-article .reid-cta{text-align:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;padding:2rem 1.5rem;margin:2.5rem 0 0}
.reid-article .reid-cta p{margin:0 0 .5rem;font-size:1.05rem}
.reid-article .reid-cta strong{font-size:1.15rem;color:#4f46e5}

@media(max-width:768px){
    .reid-article h1{font-size:1.5rem}
    .reid-article h2{font-size:1.2rem}
    .reid-article .reid-section,.reid-article .reid-section.reverse{flex-direction:column}
    .reid-article .reid-section-img{flex:none;width:100%}
    .reid-article .reid-features{grid-template-columns:1fr}
}

[data-bs-theme="dark"] .reid-article,
[data-theme="dark"] .reid-article,
.dark-mode .reid-article{color:#cdd5e0}

[data-bs-theme="dark"] .reid-article h1,
[data-theme="dark"] .reid-article h1,
.dark-mode .reid-article h1{color:#e0e7ff}

[data-bs-theme="dark"] .reid-article h2,
[data-theme="dark"] .reid-article h2,
.dark-mode .reid-article h2{color:#a5b4fc;border-bottom-color:rgba(165,180,252,.25)}

[data-bs-theme="dark"] .reid-article strong,
[data-theme="dark"] .reid-article strong,
.dark-mode .reid-article strong{color:#e0e7ff}

[data-bs-theme="dark"] .reid-article em,
[data-theme="dark"] .reid-article em,
.dark-mode .reid-article em{color:#a5b4fc}

[data-bs-theme="dark"] .reid-article .reid-feat,
[data-theme="dark"] .reid-article .reid-feat,
.dark-mode .reid-article .reid-feat{background:#1a1e25;border-color:rgba(255,255,255,.12)}

[data-bs-theme="dark"] .reid-article .reid-feat h3,
[data-theme="dark"] .reid-article .reid-feat h3,
.dark-mode .reid-article .reid-feat h3{color:#a5b4fc}

[data-bs-theme="dark"] .reid-article .reid-feat p,
[data-theme="dark"] .reid-article .reid-feat p,
.dark-mode .reid-article .reid-feat p{color:#9aa3af}

[data-bs-theme="dark"] .reid-article .reid-cta,
[data-theme="dark"] .reid-article .reid-cta,
.dark-mode .reid-article .reid-cta{background:linear-gradient(135deg,#1a1e25,#12161d)}

[data-bs-theme="dark"] .reid-article .reid-cta strong,
[data-theme="dark"] .reid-article .reid-cta strong,
.dark-mode .reid-article .reid-cta strong{color:#a5b4fc}

[data-bs-theme="dark"] .reid-article .reid-section-img,
[data-theme="dark"] .reid-article .reid-section-img,
.dark-mode .reid-article .reid-section-img{box-shadow:0 2px 12px rgba(0,0,0,.3)}

/* Responsive tables */
.reid-article .reid-table-wrap{overflow-x:auto;margin:0 0 1.5rem;-webkit-overflow-scrolling:touch}
.reid-article table{width:100%;border-collapse:collapse;font-size:.92rem}
.reid-article th{background:#eef2ff;color:#312e81;font-weight:700;text-align:left;padding:.65rem .8rem;border-bottom:2px solid #c7d2fe}
.reid-article td{padding:.6rem .8rem;border-bottom:1px solid #e2e8f0;vertical-align:top}
.reid-article tr:last-child td{border-bottom:none}
.reid-article tbody tr:hover{background:#f8fafc}

/* Ordered lists (steps) */
.reid-article ol{margin:0 0 1rem;padding-left:1.4rem}
.reid-article ol li{margin-bottom:.5rem}
.reid-article ol li::marker{color:#4f46e5;font-weight:700}

/* Blockquote / highlight */
.reid-article blockquote{margin:0 0 1.5rem;padding:1rem 1.2rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:4px solid #6366f1;border-radius:0 10px 10px 0;font-size:1.05rem;font-weight:500;color:#312e81}

/* Callout box */
.reid-article .reid-callout{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:1rem 1.2rem;margin:0 0 1.5rem;font-size:.92rem;color:#92400e}

/* H3 subheadings */
.reid-article h3{font-size:1.15rem;font-weight:700;color:#4338ca;margin:1.8rem 0 .8rem}

/* H4 subheadings */
.reid-article h4{font-size:1.05rem;font-weight:600;color:#4f46e5;margin:1.5rem 0 .6rem}

@media(max-width:768px){
    .reid-article table{font-size:.82rem}
    .reid-article th,.reid-article td{padding:.45rem .5rem}
    .reid-article blockquote{font-size:.95rem;padding:.8rem 1rem}
}

/* Dark mode: tables */
[data-bs-theme="dark"] .reid-article th,
[data-theme="dark"] .reid-article th,
.dark-mode .reid-article th{background:#1a1e25;color:#a5b4fc;border-bottom-color:rgba(165,180,252,.25)}

[data-bs-theme="dark"] .reid-article td,
[data-theme="dark"] .reid-article td,
.dark-mode .reid-article td{border-bottom-color:rgba(255,255,255,.08)}

[data-bs-theme="dark"] .reid-article tbody tr:hover,
[data-theme="dark"] .reid-article tbody tr:hover,
.dark-mode .reid-article tbody tr:hover{background:#1a1e25}

/* Dark mode: blockquote */
[data-bs-theme="dark"] .reid-article blockquote,
[data-theme="dark"] .reid-article blockquote,
.dark-mode .reid-article blockquote{background:linear-gradient(135deg,#1a1e25,#12161d);border-left-color:#818cf8;color:#c7d2fe}

/* Dark mode: callout */
[data-bs-theme="dark"] .reid-article .reid-callout,
[data-theme="dark"] .reid-article .reid-callout,
.dark-mode .reid-article .reid-callout{background:#1a1e25;border-color:rgba(251,191,36,.3);color:#fcd34d}

/* Dark mode: subheadings */
[data-bs-theme="dark"] .reid-article h3,
[data-theme="dark"] .reid-article h3,
.dark-mode .reid-article h3{color:#c7d2fe}

[data-bs-theme="dark"] .reid-article h4,
[data-theme="dark"] .reid-article h4,
.dark-mode .reid-article h4{color:#a5b4fc}