/* =================================================================
   Visitor dark mode. Everything here applies only when <html> has
   the ss-dark class. Borders: soft muted green for structure; the
   accent green only on the hero frame, hover, focus and selection.
   ================================================================= */
html{--ss-acc:var(--ss-donate,#77E07A);--ss-acc-ink:var(--ss-donate-ink,#04331A)}
html.ss-dark{
	color-scheme:dark;
	--d-bg:#0B1A12;--d-bg-2:#0D1E15;--d-surface:#12261B;--d-surface-2:#183223;--d-field:#0F2117;
	--d-line:#2E5A3D;--d-line-soft:#24402F;--d-text:#E6F1E8;--d-text-2:#C5D6CA;--d-muted:#A7BBAD;--d-head:#F1F8F2;--d-header:#0E2116;
	--global-palette1:var(--ss-acc);--global-palette2:color-mix(in srgb,var(--ss-acc) 70%,#fff);
	--global-palette3:#F1F8F2;--global-palette4:#E6F1E8;--global-palette5:#C5D6CA;--global-palette6:#A7BBAD;
	--global-palette7:#24402F;--global-palette8:#0B1A12;--global-palette9:#12261B;
	--ss-mint:#0B1A12;--ss-mint-2:#183223;--ss-ink:#E6F1E8;--ss-muted:#A7BBAD;--ss-line:#24402F;--ss-green-d:#F1F8F2;
	--ss-tint:#1C3A28;--ss-soft:#2E5A3D;--ss-hero-bg:#10241A;--ss-hero-bg-2:#0D1E15;--ss-hero-shape:#153020;
	--sst-green:var(--ss-acc);--sst-green-d:color-mix(in srgb,var(--ss-acc) 70%,#fff);--sst-ink:#F1F8F2;--sst-text:#C5D6CA;
	--sst-muted:#A7BBAD;--sst-line:#2E5A3D;--sst-bg:#183223;--sst-tint:#1C3A28
}
html.ss-dark body,html.ss-dark .site,html.ss-dark #wrapper,html.ss-dark #inner-wrap,html.ss-dark .content-bg,html.ss-dark .entry.content-bg,html.ss-dark .single-entry.content-bg,html.ss-dark .site-footer-row-container-inner{background:var(--d-bg)!important;color:var(--d-text)}
html.ss-dark h1,html.ss-dark h2,html.ss-dark h3,html.ss-dark h4,html.ss-dark .entry-title{color:var(--d-head)}
html.ss-dark .entry-content p,html.ss-dark .entry-content li{color:var(--d-text-2)}
html.ss-dark a{color:var(--ss-acc)}
html.ss-dark hr{border-color:var(--d-line-soft)}

/* Header and menus */
html.ss-dark .site-header-row-container-inner,html.ss-dark .site-main-header-wrap .site-header-row-container-inner,html.ss-dark #masthead,html.ss-dark .site-header-wrap,html.ss-dark .site-mobile-header-wrap .site-header-row-container-inner,html.ss-dark .item-is-stuck .site-header-row-container-inner{background:var(--d-header)!important}
html.ss-dark #masthead{border-bottom:1px solid var(--d-line-soft)!important}
html.ss-dark #masthead .site-title,html.ss-dark #masthead .site-branding a,html.ss-dark #masthead .menu-toggle-open,html.ss-dark #masthead .menu-toggle-icon{color:var(--d-head)!important}
html.ss-dark #masthead .ss-lang summary,html.ss-dark #masthead .ss-mode{background:transparent!important;color:var(--d-head)!important;border-color:var(--d-line)!important}
html.ss-dark #masthead .ss-mode{color:var(--d-head)!important;background:rgba(255,255,255,.04)!important}
html.ss-dark #masthead .header-button{background:var(--ss-acc)!important;color:var(--ss-acc-ink)!important}
@media (min-width:1025px){
	html.ss-dark .main-navigation .primary-menu-container>ul>li>a{color:var(--d-text)!important}
	html.ss-dark .main-navigation .primary-menu-container>ul>li>a:hover{background:var(--d-surface-2)!important}
	html.ss-dark .main-navigation .primary-menu-container>ul>li.current-menu-item>a,html.ss-dark .main-navigation .primary-menu-container>ul>li.current_page_item>a{background:var(--ss-acc)!important;color:var(--ss-acc-ink)!important}
}
html.ss-dark .main-navigation ul.sub-menu{background:var(--d-surface)!important;border:1px solid var(--d-line)}
html.ss-dark .main-navigation ul.sub-menu a{color:var(--d-text)!important}
html.ss-dark .main-navigation ul.sub-menu a:hover{background:var(--d-surface-2)!important}
html.ss-dark .ss-lang ul{background:var(--d-surface);border-color:var(--d-line)}
html.ss-dark .ss-lang li a{color:var(--d-text)!important}
html.ss-dark .ss-lang li a:hover,html.ss-dark .ss-lang li a[aria-current]{background:var(--d-surface-2)}
html.ss-dark .popup-drawer .drawer-inner,html.ss-dark #mobile-drawer .drawer-inner{background:var(--d-header)!important;color:var(--d-text)}
html.ss-dark .mobile-navigation ul li a,html.ss-dark .mobile-navigation .drawer-nav-drop-wrap{color:var(--d-text)!important;border-color:var(--d-line-soft)!important}

/* Phone bottom bar */
html.ss-dark{--ss-bar-d:#A6EBA8;--ss-bar-d:color-mix(in srgb,var(--ss-acc) 65%,#fff)}
html.ss-dark .ss-dock{--ss-dock-bg:var(--ss-bar-d);background:var(--ss-bar-d)!important;border-top-color:var(--ss-bar-d)!important;box-shadow:0 -6px 20px rgba(0,0,0,.35)!important}
html.ss-dark .ss-dock a{color:var(--ss-acc-ink)!important;opacity:1;font-weight:600;font-size:12px}
html.ss-dark .ss-dock a:hover,html.ss-dark .ss-dock a.is-active,html.ss-dark .ss-dock-donate{color:var(--ss-acc-ink)!important;opacity:1;font-weight:800}
html.ss-dark .ss-dock a.is-active::after{background:var(--ss-acc-ink)!important}
html.ss-dark .ss-dock-fab{background:var(--ss-acc-ink)!important;color:var(--ss-acc)!important;border-color:var(--ss-bar-d)!important}

/* Hero */
html.ss-dark .ss-h--frame-a,html.ss-dark .ss-h--frame-c{border-color:var(--ss-acc)!important}
html.ss-dark .ss-h--frame-c{box-shadow:0 18px 50px rgba(0,0,0,.4)}
html.ss-dark .ss-h--frame-b{background:var(--d-surface)!important;border:2px solid var(--ss-acc)}
html.ss-dark .ss-h-title{color:var(--d-head)!important}
html.ss-dark .ss-h-sub,html.ss-dark .ss-h-stats{color:var(--d-text-2)!important}
html.ss-dark .ss-h-stats b{color:var(--ss-acc)!important}
html.ss-dark .ss-h-eye{background:var(--d-surface-2)!important;color:var(--d-text)!important;box-shadow:none}
html.ss-dark .ss-h-eye svg{color:var(--ss-acc)!important}
html.ss-dark .ss-h-search{background:var(--d-surface)!important;border:1px solid var(--d-line);box-shadow:0 16px 40px rgba(0,0,0,.35)!important}
html.ss-dark .ss-h-search:focus-within{border-color:var(--ss-acc)}
html.ss-dark .ss-h-search input[type=search]{color:var(--d-text)!important}
html.ss-dark .ss-h-search input::placeholder{color:#8DA393}
html.ss-dark .ss-h-search button{background:var(--ss-acc)!important;color:var(--ss-acc-ink)!important}
html.ss-dark .ss-h-card{background:var(--d-surface)!important;border:1px solid var(--d-line);box-shadow:0 24px 60px rgba(0,0,0,.45)!important;color:var(--d-text)!important}
html.ss-dark .ss-h-card:hover,html.ss-dark .ss-h-card:focus-visible{border-color:var(--ss-acc)}
html.ss-dark .ss-h-ghost{background:var(--d-surface)!important;opacity:.55}
html.ss-dark .ss-h-ic,html.ss-dark .ss-tile-ic{background:var(--ss-tint)!important;color:var(--ss-acc)!important}
html.ss-dark .ss-h-name{color:var(--d-head)!important}
html.ss-dark .ss-h-desc,html.ss-dark .ss-h-lab{color:var(--d-muted)!important}
html.ss-dark .ss-h-count{color:var(--ss-acc)!important}
html.ss-dark .ss-h-count.is-soon{color:var(--d-muted)!important}
html.ss-dark .ss-h-btn{background:var(--ss-acc)!important;color:var(--ss-acc-ink)!important}
html.ss-dark .ss-h-dots{--ss-green:var(--ss-acc);--ss-soft:var(--d-line)}
html.ss-dark .ss-h--dark .ss-h-tint{opacity:1}
html.ss-dark .ss-h--light .ss-h-tint{background:linear-gradient(90deg,rgba(11,26,18,calc(var(--ss-h-ov,.55) + .2)) 0%,rgba(11,26,18,var(--ss-h-ov,.55)) 45%,rgba(11,26,18,calc(var(--ss-h-ov,.55) - .25)) 100%)}

/* Cause tiles */
html.ss-dark .ss-tiles{background:var(--d-bg)!important}
html.ss-dark .ss-tiles-hd h2{color:var(--d-head)!important}
html.ss-dark .ss-tiles-hd p{color:var(--d-muted)!important}
html.ss-dark .ss-tiles-hd a,html.ss-dark .ss-tile-ft{color:var(--ss-acc)!important}
html.ss-dark .ss-tile{background:var(--d-surface)!important;border-color:var(--d-line)!important;color:var(--d-text)!important}
html.ss-dark .ss-tile:hover,html.ss-dark .ss-tile:focus-visible{border-color:var(--ss-acc)!important;box-shadow:0 0 0 3px rgba(119,224,122,.15),0 14px 34px rgba(0,0,0,.35)!important}
html.ss-dark .ss-tile-name{color:var(--d-head)!important}
html.ss-dark .ss-tile-desc,html.ss-dark .ss-tile-ft .is-soon{color:var(--d-muted)!important}

/* Home page sections (why / how / call to action) */
html.ss-dark .ss-card{background:var(--d-surface)!important;border:1px solid var(--d-line)!important}
html.ss-dark .ss-card:hover{border-color:var(--ss-acc)!important;box-shadow:none}
html.ss-dark .ss-feature{background:var(--ss-tint)!important}
html.ss-dark .ss-chip{background:var(--d-surface-2)!important;color:var(--d-text)!important}
html.ss-dark .ss-feature .ss-chip{background:var(--ss-acc)!important;color:var(--ss-acc-ink)!important}
html.ss-dark .ss-big,html.ss-dark .ss-step-no{color:var(--ss-acc)!important}
html.ss-dark .entry-content .has-background:not(.ss-card):not(.ss-feature):not(.wp-block-button__link){background-color:var(--d-surface)!important}
html.ss-dark .wp-block-button__link,html.ss-dark .entry-content .wp-block-button__link.has-background{background:var(--ss-acc)!important;background-color:var(--ss-acc)!important;color:var(--ss-acc-ink)!important}
html.ss-dark .wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;background-color:transparent!important;color:var(--ss-acc)!important;border-color:var(--ss-acc)!important}
html.ss-dark .entry-content svg [fill="#FFFFFF"],html.ss-dark .entry-content svg [fill="#fff"]{fill:var(--d-surface-2)}

/* Search block on other pages */
html.ss-dark .wp-block-search__inside-wrapper{background:var(--d-surface)!important;border-color:var(--d-line)!important}
html.ss-dark .wp-block-search__input{color:var(--d-text)!important}
html.ss-dark .wp-block-search__button{background:var(--ss-acc)!important;color:var(--ss-acc-ink)!important}

/* Forms everywhere (registration, dashboard, donation report, contact) */
html.ss-dark input[type=text],html.ss-dark input[type=email],html.ss-dark input[type=tel],html.ss-dark input[type=url],html.ss-dark input[type=number],html.ss-dark input[type=date],html.ss-dark input[type=password],html.ss-dark input[type=search],html.ss-dark select,html.ss-dark textarea{background:var(--d-field)!important;color:var(--d-text)!important;border-color:var(--d-line)!important}
html.ss-dark input:focus,html.ss-dark select:focus,html.ss-dark textarea:focus{border-color:var(--ss-acc)!important;outline-color:var(--ss-acc)!important}
html.ss-dark ::placeholder{color:#8DA393}
html.ss-dark input[type=checkbox],html.ss-dark input[type=radio]{accent-color:var(--ss-acc)}
html.ss-dark .button,html.ss-dark button.sst-btn,html.ss-dark .sst-btn,html.ss-dark input[type=submit]{background:var(--ss-acc)!important;color:var(--ss-acc-ink)!important}
html.ss-dark .sst-btn-secondary{background:transparent!important;color:var(--ss-acc)!important;border-color:var(--ss-acc)!important}

/* Trust, cause and dashboard screens */
html.ss-dark .sst-box,html.ss-dark .sst-card,html.ss-dark .sst-pay,html.ss-dark .sst-report,html.ss-dark .sst-facts,html.ss-dark .sst-trust-card,html.ss-dark .sst-citizen label{background:var(--d-surface)!important;border-color:var(--d-line)!important;color:var(--d-text)}
html.ss-dark .sst-card:hover{border-color:var(--ss-acc)!important;box-shadow:none}
html.ss-dark .sst-direct,html.ss-dark .sst-stats div,html.ss-dark .sst-notice{background:var(--d-surface-2)!important}
html.ss-dark .sst-notice-success{background:#173a24!important}
html.ss-dark .sst-notice-warning{background:#3a3110!important;color:#F5E3A6}
html.ss-dark .sst-notice-error{background:#3d1b1b!important;color:#F6C9C9}
html.ss-dark .sst-pending,html.ss-dark .sst-urgent{background:#3a3110!important;color:#F5D97A!important}
html.ss-dark .sst-rejected,html.ss-dark .sst-suspended,html.ss-dark .sst-not_received,html.ss-dark .sst-private{background:#3d1b1b!important;color:#F6A9A9!important}
html.ss-dark .sst-copy-btn{background:transparent!important;border-color:var(--d-line)!important;color:var(--ss-acc)!important}
html.ss-dark .sst-type-pick label,html.ss-dark .sst-cat-pick{border-color:var(--d-line)!important}
html.ss-dark .sst-type-pick label:has(input:checked){border-color:var(--ss-acc)!important;background:var(--d-surface-2)!important}
html.ss-dark .sst-tabs{border-color:var(--d-line-soft)}
html.ss-dark .sst-table th,html.ss-dark .sst-table td{border-color:var(--d-line-soft)}
html.ss-dark .sst-progress{background:var(--d-line-soft)}
/* Logos keep a small white tile so white backgrounds look intentional */
html.ss-dark .sst-trust-logo img,html.ss-dark .sst-card-logo{background:#fff!important;border-color:var(--d-line)!important}
html.ss-dark #masthead .site-branding img.custom-logo{background:#fff}

/* Donation forms (GiveWP) */
html.ss-dark .give-form-wrap,html.ss-dark .give-form,html.ss-dark #give-payment-mode-select,html.ss-dark .give-donation-amount{color:var(--d-text)}
html.ss-dark .give-form-wrap .give-btn,html.ss-dark .give-form-wrap .give-submit{background:var(--ss-acc)!important;color:var(--ss-acc-ink)!important}

/* Footer */
html.ss-dark .site-footer,html.ss-dark .site-footer a{color:var(--d-muted)}
html.ss-dark .site-footer a:hover{color:var(--ss-acc)}
