/* Calendar section (was an inline background) — light default + dark below. */
.calendar-section {
    background: #f0f4f9;
}
html.dark-mode .calendar-section {
    background: var(--rd-surface-2);
}

/*
 * Landing dark mode.
 * Scoped under `html.dark-mode` so it fully overrides the light GeoDir theme.
 * Palette complements the Rotary brand blue (#24488d) on a deep navy canvas.
 */

html.dark-mode {
    --rd-bg: #0d1420;          /* page background */
    --rd-surface: #18202f;     /* cards (was #fff) */
    --rd-surface-2: #121a27;   /* gray sections (was #F5F7FB) */
    --rd-elevated: #1f293b;    /* hovers / nested surfaces */
    --rd-border: #2a3648;      /* borders (was #eee / #e5e7f2) */
    --rd-text: #c3cee0;        /* body text */
    --rd-head: #eaf0f9;        /* headings (was #144273 / #1a1a1a) */
    --rd-muted: #8493ac;       /* muted (was #566985 / #7d93b2) */
    --rd-brand: #5a8de0;       /* lightened brand for links/icons on dark */
}

/* ---------- Base ---------- */
html.dark-mode,
html.dark-mode body {
    background: var(--rd-bg);
    color: var(--rd-text);
}

html.dark-mode #main,
html.dark-mode #wrapper,
html.dark-mode .content,
html.dark-mode .fw-container {
    background: var(--rd-bg);
}

html.dark-mode a {
    color: inherit;
}

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
    color: var(--rd-head);
}

html.dark-mode p,
html.dark-mode li,
html.dark-mode .footer-list li a,
html.dark-mode .footer-contacts li a,
html.dark-mode .footer-contacts li span,
html.dark-mode .copyright,
html.dark-mode .sub-footer small,
html.dark-mode .sub-footer small a {
    color: var(--rd-text);
}

/* Light section backgrounds → dark surfaces */
html.dark-mode .gray-bg,
html.dark-mode section.gray-bg,
html.dark-mode .sub-footer.gray-bg,
html.dark-mode .list-single-main-container,
html.dark-mode .fixed-footer {
    background: var(--rd-surface-2) !important;
}

/* ---------- Header ---------- */
html.dark-mode .main-header {
    background: var(--rd-surface);
    border-bottom: 1px solid var(--rd-border);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
}
html.dark-mode .nav-holder nav > ul > li > a {
    color: var(--rd-text);
}
html.dark-mode .nav-holder nav ul ul {
    background: var(--rd-surface);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45);
    border: 1px solid var(--rd-border);
}
html.dark-mode .nav-holder nav ul ul li a {
    color: var(--rd-text);
    border-bottom: 1px solid var(--rd-border);
}
html.dark-mode .nav-holder nav ul ul li a:hover {
    background: var(--rd-elevated);
}
html.dark-mode .header-opt_btn span,
html.dark-mode .header-user-menu-btn {
    background: var(--rd-elevated);
    color: var(--rd-text);
}
html.dark-mode .header-opt-modal-container,
html.dark-mode .header-opt-modal-item {
    background: var(--rd-surface);
    border-color: var(--rd-border);
}
html.dark-mode .header-opt-modal-list ul li a {
    color: var(--rd-text);
}

/* Theme toggle button */
.theme-toggle_btn {
    float: right;
    position: relative;
    top: 15px;
    margin-right: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    background: #f2f4f9;
    color: #24488d;
    border: 1px solid #eee;
    transition: all 200ms linear;
}
.theme-toggle_btn:hover {
    background: #e7ebf4;
}
html.dark-mode .theme-toggle_btn {
    background: var(--rd-elevated);
    color: #ffd67e;
    border-color: var(--rd-border);
}
.theme-toggle_btn .fa-sun {
    display: none;
}
html.dark-mode .theme-toggle_btn .fa-sun {
    display: inline-block;
}
html.dark-mode .theme-toggle_btn .fa-moon {
    display: none;
}

/* ---------- Cards / listings ---------- */
html.dark-mode .geodir-category-content,
html.dark-mode .services-item,
html.dark-mode .box-widget,
html.dark-mode .list-searh-input-wrap,
html.dark-mode .listsearch-input,
html.dark-mode .contact-form-main,
html.dark-mode .list-single-main-item,
html.dark-mode .block_box,
html.dark-mode .list-single-main-item.no-hidden,
html.dark-mode .agent-card,
html.dark-mode .listing-item .geodir-category-listing,
html.dark-mode .cardVis,
html.dark-mode .accordion a.toggle,
html.dark-mode .accordion .inner,
html.dark-mode .pagination a {
    background: var(--rd-surface) !important;
    border-color: var(--rd-border) !important;
}

html.dark-mode .geodir-category-content h3 a,
html.dark-mode .geodir-category-content h3,
html.dark-mode .agent_card-title h3,
html.dark-mode .list-single-main-item-title h3,
html.dark-mode .box-widget-title h3 {
    color: var(--rd-head);
}
html.dark-mode .geodir-category-content h3 a:hover {
    color: #fff;
}

html.dark-mode .geodir-category-footer,
html.dark-mode .box-widget-title,
html.dark-mode .list-single-main-item-title {
    border-color: var(--rd-border) !important;
}

html.dark-mode .small-facts li span,
html.dark-mode .small-facts li i,
html.dark-mode .geodir-category-content-details li span,
html.dark-mode .list-author-widget-text span {
    color: var(--rd-muted);
}

/* Widget lists / sidebar */
html.dark-mode .box-widget .widget-posts li,
html.dark-mode .cat-item li,
html.dark-mode .widget-posts li {
    border-color: var(--rd-border) !important;
}
html.dark-mode .box-widget-content {
    background: var(--rd-surface);
}

/* ---------- Forms ---------- */
html.dark-mode input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.dark-mode textarea,
html.dark-mode select,
html.dark-mode .nice-select,
html.dark-mode .chosen-container-single .chosen-single {
    background: var(--rd-surface-2) !important;
    border: 1px solid var(--rd-border) !important;
    color: var(--rd-text) !important;
}
html.dark-mode .chosen-container .chosen-drop,
html.dark-mode .chosen-container-active .chosen-single {
    background: var(--rd-surface) !important;
    border-color: var(--rd-border) !important;
    color: var(--rd-text) !important;
}
html.dark-mode .chosen-container .chosen-results li.highlighted {
    background: var(--rd-elevated) !important;
}
html.dark-mode .custom-form textarea:focus,
html.dark-mode .custom-form input[type="text"]:focus,
html.dark-mode .custom-form input[type="email"]:focus,
html.dark-mode .custom-form input[type="password"]:focus {
    background: var(--rd-elevated) !important;
    box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.35);
}
html.dark-mode ::placeholder {
    color: var(--rd-muted) !important;
}
html.dark-mode .nice-select .list {
    background: var(--rd-surface) !important;
    border-color: var(--rd-border);
}
html.dark-mode .nice-select .option:hover,
html.dark-mode .nice-select .option.selected {
    background: var(--rd-elevated);
}
html.dark-mode label {
    color: var(--rd-muted);
}

/* ---------- Newsletter subscribe strip (already brand color-bg — keep) ---------- */
html.dark-mode .subscribe-wrap:before {
    background: var(--rd-bg);
}
html.dark-mode .enteremail {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ---------- Breadcrumbs ---------- */
html.dark-mode .breadcrumbs {
    background: var(--rd-surface-2);
    border-color: var(--rd-border);
}
html.dark-mode .breadcrumbs-list a,
html.dark-mode .breadcrumbs-list span {
    color: var(--rd-muted);
}

/* ---------- Static page ---------- */
html.dark-mode .list-single-main-item p,
html.dark-mode .static-page-content p,
html.dark-mode .static-page-content li {
    color: var(--rd-text);
}
html.dark-mode blockquote {
    background: var(--rd-surface-2) !important;
    color: var(--rd-text);
}

/* ---------- Priorities / what-we-do tiles ---------- */
html.dark-mode .priorities-item,
html.dark-mode .process-item,
html.dark-mode .cabin-item {
    background: var(--rd-surface) !important;
    border-color: var(--rd-border) !important;
}

/* ---------- Footer ---------- */
html.dark-mode .main-footer {
    background: var(--rd-bg);
    border-top: 1px solid var(--rd-border);
}
html.dark-mode .footer-widget-title,
html.dark-mode .footer-widget-title h4 {
    color: var(--rd-head);
}
html.dark-mode .footer-list li:before {
    color: var(--rd-brand);
}

/* ---------- Loader ---------- */
html.dark-mode .loader-wrap,
html.dark-mode #main-preloader,
html.dark-mode .loader {
    background: var(--rd-bg) !important;
}

/* ---------- Misc surfaces ---------- */
html.dark-mode .to-top,
html.dark-mode .add-list.color-bg {
    color: #fff;
}
html.dark-mode hr,
html.dark-mode .fl-wrap.b-border,
html.dark-mode .section-separator {
    border-color: var(--rd-border) !important;
}
html.dark-mode .fw-separator {
    background: var(--rd-border) !important;
}

/* Tag chips on article/single pages */
html.dark-mode .list-single-tags a,
html.dark-mode .tags-stylwrap a,
html.dark-mode .post-tags a {
    background: var(--rd-surface-2) !important;
    border-color: var(--rd-border) !important;
    color: var(--rd-muted) !important;
}

/* Prev/next post navigation */
html.dark-mode .nl-button,
html.dark-mode .pnb-button,
html.dark-mode .post-nav-link {
    background: var(--rd-surface) !important;
    border-color: var(--rd-border) !important;
    color: var(--rd-text) !important;
}

/* ------- Club events calendar ------- */
html.dark-mode .event-calendar {
    background: var(--rd-surface);
    border-color: var(--rd-border);
}

html.dark-mode .event-calendar-weekday,
html.dark-mode .event-calendar-day {
    border-color: var(--rd-border);
}

html.dark-mode .event-calendar-weekday,
html.dark-mode .event-calendar-daynum,
html.dark-mode .event-calendar-more {
    color: var(--rd-text-muted, #9aa7bd);
}

html.dark-mode .event-calendar-day.is-outside {
    background: rgba(255, 255, 255, 0.02);
}

html.dark-mode .event-calendar-chip {
    background: rgba(93, 134, 208, 0.16);
    border-left-color: #5d86d0;
    color: #aac3ee;
}

html.dark-mode .event-calendar-chip:hover {
    background: rgba(93, 134, 208, 0.28);
    color: #c4d6f5;
}

html.dark-mode .events-empty-box {
    background: var(--rd-surface);
}