/*
  EA Dark Mode Toggle — frontend styles
  - Uses html.ea-darkmode to activate.
  - Targets both generic WP/Kadence elements + your EA page classes.
*/

/* Toggle control */
.ea-dm-wrap{ display:inline-flex; }
.ea-dm-wrap.ea-dm-align-left{ justify-content:flex-start; }
.ea-dm-wrap.ea-dm-align-center{ justify-content:center; width:100%; }
.ea-dm-wrap.ea-dm-align-right{ justify-content:flex-end; width:100%; }

.ea-dm-toggle{
  appearance:none;
  border:1px solid rgba(11,42,74,0.28);
  background:#ffffff;
  color:var(--global-palette1, #0b2a4a);
  border-radius:999px;
  padding:8px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
  white-space:nowrap;
  cursor:pointer;
  font-weight:800;
  font-size:14px;
  line-height:1;
  box-shadow:0 10px 22px rgba(17,24,39,0.06);
}
.ea-dm-toggle:hover{
  box-shadow:0 14px 30px rgba(17,24,39,0.10);
}
.ea-dm-toggle:focus{
  outline:2px solid rgba(243,111,33,0.55);
  outline-offset:2px;
}
.ea-dm-toggle svg{ width:16px; height:16px; }

.ea-dm-text{ white-space:nowrap; }

/* Icon swap */
.ea-dm-icon-sun{ display:none; }
html.ea-darkmode .ea-dm-icon-sun{ display:inline; }
html.ea-darkmode .ea-dm-icon-moon{ display:none; }

/* Optional: hide text */
.ea-dm-toggle.ea-dm-no-text .ea-dm-text{ display:none; }

/*
  Dark mode theme tokens
  You can override these in Appearance → Customize → Additional CSS if desired.
*/
html.ea-darkmode{
  color-scheme: dark;
  --ea-dm-bg: #0b1220;
  --ea-dm-surface: #111827;
  --ea-dm-surface-2: #0f172a;
  --ea-dm-border: rgba(255,255,255,0.14);
  --ea-dm-text: #e5e7eb;
  --ea-dm-muted: #cbd5e1;
  --ea-dm-link: #93c5fd;
  --ea-dm-shadow: 0 16px 34px rgba(0,0,0,0.45);
}

/* Global background + text */
html.ea-darkmode body{
  background: var(--ea-dm-bg) !important;
  color: var(--ea-dm-text);
}
/* Links (force :visited so header/menu links don't disappear) */
html.ea-darkmode a,
html.ea-darkmode a:visited{ color: var(--ea-dm-link) !important; }
html.ea-darkmode a:hover,
html.ea-darkmode a:focus{ color: #bfe7ff !important; }

/* Kadence/theme structural wrappers (safe-ish) */
html.ea-darkmode .site,
html.ea-darkmode .site-content,
html.ea-darkmode .content-area,
html.ea-darkmode .entry,
html.ea-darkmode .entry-content,
html.ea-darkmode .content-wrap{
  background: transparent;
  color: var(--ea-dm-text);
}

/* Header + footer */
html.ea-darkmode .site-header,
html.ea-darkmode .site-footer{
  background: var(--ea-dm-surface-2) !important;
  border-color: var(--ea-dm-border) !important;
}
/* Header/footer links (explicit :visited so menu links don't go dark/purple) */
html.ea-darkmode .site-header a,
html.ea-darkmode .site-header a:visited,
html.ea-darkmode .site-footer a,
html.ea-darkmode .site-footer a:visited,
html.ea-darkmode .site-header .main-navigation a,
html.ea-darkmode .site-header .main-navigation a:visited,
html.ea-darkmode .site-header .nav-menu a,
html.ea-darkmode .site-header .nav-menu a:visited{
  color: var(--ea-dm-text) !important;
}
html.ea-darkmode .site-header a:hover,
html.ea-darkmode .site-header a:focus{
  color: #ffffff !important;
}

/* Your EA page panels/cards/tiles (override inline page CSS with !important) */
html.ea-darkmode .ea-home-bg,
html.ea-darkmode .ea-page-bg,
html.ea-darkmode .ea-portal-bg{
  background: var(--ea-dm-bg) !important;
}

html.ea-darkmode .ea-panel,
html.ea-darkmode .ea-portal-panel,
html.ea-darkmode .ea-fa-hero-panel,
html.ea-darkmode .ea-card,
html.ea-darkmode .ea-portal-card,
html.ea-darkmode .ea-tool-tile,
html.ea-darkmode .ea-portal-step,
html.ea-darkmode .ea-step,
html.ea-darkmode .ea-faq details{
  background: var(--ea-dm-surface) !important;
  border-color: var(--ea-dm-border) !important;
  box-shadow: var(--ea-dm-shadow) !important;
}

/* Hero panels that had gradients */
html.ea-darkmode .ea-hero-panel,
html.ea-darkmode .ea-cta-panel,
html.ea-darkmode .ea-fa-hero-band{
  background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.00) 70%) !important;
}

/* Text helpers */
html.ea-darkmode .ea-muted,
html.ea-darkmode .ea-portal-muted,
html.ea-darkmode .ea-fa-hero-copy{
  color: var(--ea-dm-muted) !important;
}

/* Headings / titles
   Kadence + some WP blocks set explicit heading colors that don't inherit from <body>.
   This forces section titles to switch to the dark-mode text color.
*/
html.ea-darkmode :where(
  h1,h2,h3,h4,h5,h6,
  .wp-block-heading,
  .entry-title,
  .page-title,
  .post-title,
  .wp-block-post-title,
  .wp-block-query-title,
  .widget-title,
  summary
){
  color: var(--ea-dm-text) !important;
}

/*
  Light-background blocks (Query Loop cards, Group blocks with a background, details/summary)
  can stay light even in dark mode. Because the page text is flipped to a light color,
  those areas become low-contrast.

  This is a best-effort normalization for common WordPress/Kadence structures.
*/
html.ea-darkmode :where(
  .wp-block-group.has-background,
  .wp-block-column.has-background,
  .wp-block-columns.has-background,
  .wp-block-cover.has-background,
  .wp-block-cover.is-light,
  .wp-block-query .wp-block-post-template > li,
  .wp-block-post-template > li,
  .wp-block-post,
  .has-white-background-color,
  .has-base-background-color
){
  background-color: var(--ea-dm-surface) !important;
  border-color: var(--ea-dm-border) !important;
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode :where(details){
  background-color: var(--ea-dm-surface-2) !important;
  border: 1px solid var(--ea-dm-border) !important;
  color: var(--ea-dm-text) !important;
}
html.ea-darkmode :where(details > summary){
  background-color: var(--ea-dm-surface-2) !important;
  color: var(--ea-dm-text) !important;
}

/* Generic native table normalization
   Helps pages where only the outer site is dark, but table headers/cells stay light.
*/
html.ea-darkmode :where(table){
  background-color: var(--ea-dm-surface) !important;
  color: var(--ea-dm-text) !important;
  border-color: var(--ea-dm-border) !important;
}
html.ea-darkmode :where(table caption){
  color: var(--ea-dm-muted) !important;
}
html.ea-darkmode :where(thead, tbody, tfoot, tr, th, td){
  border-color: var(--ea-dm-border) !important;
}
html.ea-darkmode :where(thead th, thead td){
  background-color: var(--ea-dm-surface-2) !important;
  color: var(--ea-dm-text) !important;
}
html.ea-darkmode :where(tbody th, tbody td, tfoot th, tfoot td){
  background-color: transparent !important;
  color: inherit !important;
}

/* Auto-detected light surfaces
   JS adds .ea-dm-auto-surface to custom cards/panels/tables that still have a light background.
   This catches custom plugin pages without needing page-specific CSS every time.
*/
html.ea-darkmode .ea-dm-auto-surface{
  background: var(--ea-dm-surface) !important;
  background-image: none !important;
  color: var(--ea-dm-text) !important;
  border-color: var(--ea-dm-border) !important;
}
html.ea-darkmode .ea-dm-auto-surface :where(
  h1,h2,h3,h4,h5,h6,
  p,li,ul,ol,
  span,small,strong,em,
  div,dt,dd,label,legend,
  summary
){
  color: inherit !important;
}
html.ea-darkmode .ea-dm-auto-surface :where(table, thead, tbody, tfoot, tr, th, td){
  border-color: var(--ea-dm-border) !important;
}

/* Meta text (dates/excerpts) */
html.ea-darkmode :where(
  .wp-block-post-date,
  .wp-block-post-excerpt,
  .wp-block-post-excerpt__excerpt,
  .wp-block-post-author,
  .wp-block-post-terms,
  .entry-meta,
  .post-meta
){
  color: var(--ea-dm-muted) !important;
}

/* Optional: make “price”/big numeric callouts readable if you used ea-price */
html.ea-darkmode .ea-price{ color: var(--ea-dm-text) !important; }

/* Button control in dark mode */
html.ea-darkmode .ea-dm-toggle{
  background: var(--ea-dm-surface-2);
  border-color: var(--ea-dm-border);
  color: var(--ea-dm-text);
  box-shadow: 0 10px 24px rgba(0,0,0,0.35);
}

/* Form fields (best-effort) */
html.ea-darkmode input,
html.ea-darkmode textarea,
html.ea-darkmode select{
  background: var(--ea-dm-surface-2);
  color: var(--ea-dm-text);
  border-color: var(--ea-dm-border);
}

/* Notes / warnings */
html.ea-darkmode .ea-note,
html.ea-darkmode .ea-portal-note{
  background: rgba(243,111,33,0.10) !important;
  border-color: rgba(243,111,33,0.35) !important;
  color: var(--ea-dm-text) !important;
}

/* Reduce harsh box shadows for motion-sensitive users */
@media (prefers-reduced-motion: reduce){
  .ea-dm-toggle,
  html.ea-darkmode .ea-panel,
  html.ea-darkmode .ea-card,
  html.ea-darkmode .ea-portal-panel,
  html.ea-darkmode .ea-tool-tile{
    transition:none !important;
  }
}

/* Stronger fallback for stubborn custom tables/panels that use specific or !important rules */
html.ea-darkmode body table{
  background-color: var(--ea-dm-surface) !important;
  color: var(--ea-dm-text) !important;
  border-color: var(--ea-dm-border) !important;
}
html.ea-darkmode body table thead,
html.ea-darkmode body table thead tr,
html.ea-darkmode body table thead th,
html.ea-darkmode body table thead td{
  background-color: var(--ea-dm-surface-2) !important;
  color: var(--ea-dm-text) !important;
  border-color: var(--ea-dm-border) !important;
}
html.ea-darkmode body table tbody,
html.ea-darkmode body table tbody tr,
html.ea-darkmode body table tbody th,
html.ea-darkmode body table tbody td,
html.ea-darkmode body table tfoot,
html.ea-darkmode body table tfoot tr,
html.ea-darkmode body table tfoot th,
html.ea-darkmode body table tfoot td{
  border-color: var(--ea-dm-border) !important;
}
html.ea-darkmode body .ea-dm-auto-surface.ea-dm-auto-surface-head{
  background-color: var(--ea-dm-surface-2) !important;
}



/* ------------------------------------------------------------
   DAFThub page-family support (.dh-r2-* and .dh-r4-*)
   These pages use hard-coded light surfaces and badge/button styles.
   Mirror them cleanly in dark mode for readable contrast.
------------------------------------------------------------- */
html.ea-darkmode .dh-r2-bg,
html.ea-darkmode .dh-r4-bg{
  background: var(--ea-dm-bg) !important;
  --dh-ink: var(--ea-dm-text);
  --dh-text: var(--ea-dm-muted);
  --dh-line: var(--ea-dm-border);
  --dh-soft: var(--ea-dm-bg);
}

html.ea-darkmode .dh-r2-panel,
html.ea-darkmode .dh-r2-card,
html.ea-darkmode .dh-r2-visual,
html.ea-darkmode .dh-r2-profile,
html.ea-darkmode .dh-r4-panel,
html.ea-darkmode .dh-r4-card,
html.ea-darkmode .dh-r4-hero-card,
html.ea-darkmode .dh-r4-shell,
html.ea-darkmode .dh-r4-lock,
html.ea-darkmode .dh-r4-bullets li,
html.ea-darkmode .dh-r4-iframe-wrap{
  background: var(--ea-dm-surface) !important;
  border-color: var(--ea-dm-border) !important;
  box-shadow: var(--ea-dm-shadow) !important;
}

html.ea-darkmode .dh-r2-panel h1,
html.ea-darkmode .dh-r2-panel h2,
html.ea-darkmode .dh-r2-panel h3,
html.ea-darkmode .dh-r4-panel h1,
html.ea-darkmode .dh-r4-panel h2,
html.ea-darkmode .dh-r4-panel h3{
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .dh-r2-muted,
html.ea-darkmode .dh-r2-subtle,
html.ea-darkmode .dh-r4-muted,
html.ea-darkmode .dh-r4-subtle,
html.ea-darkmode .dh-r2-list,
html.ea-darkmode .dh-r4-list,
html.ea-darkmode .dh-r4-small-links,
html.ea-darkmode .dh-r4-bullets li,
html.ea-darkmode .dh-r2-card p,
html.ea-darkmode .dh-r4-card p{
  color: var(--ea-dm-muted) !important;
}

html.ea-darkmode .dh-r2-kicker,
html.ea-darkmode .dh-r4-kicker{
  background: rgba(147,197,253,0.14) !important;
  color: #cfe4ff !important;
}

html.ea-darkmode .dh-r2-note,
html.ea-darkmode .dh-r4-note{
  background: rgba(255,122,0,0.10) !important;
  border-color: rgba(255,122,0,0.35) !important;
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .dh-r2-bg a.dh-r2-btn,
html.ea-darkmode .dh-r2-bg .wp-element-button,
html.ea-darkmode .dh-r2-bg .wp-block-button__link,
html.ea-darkmode .dh-r4-bg a.dh-r4-btn,
html.ea-darkmode .dh-r4-bg .wp-element-button,
html.ea-darkmode .dh-r4-bg .wp-block-button__link{
  background: var(--dh-blue, #0a3da2) !important;
  border-color: var(--dh-blue, #0a3da2) !important;
  color: #ffffff !important;
}

html.ea-darkmode .dh-r2-bg a.dh-r2-btn-outline,
html.ea-darkmode .dh-r4-bg a.dh-r4-btn-outline{
  background: var(--ea-dm-surface-2) !important;
  border-color: #93c5fd !important;
  color: #cfe4ff !important;
}

html.ea-darkmode .dh-r2-bg a.dh-r2-btn-orange,
html.ea-darkmode .dh-r4-bg a.dh-r4-btn-orange{
  background: var(--dh-orange, #ff7a00) !important;
  border-color: var(--dh-orange, #ff7a00) !important;
  color: #ffffff !important;
}

html.ea-darkmode .dh-r4-badge{
  background: var(--ea-dm-surface-2) !important;
  border-color: var(--ea-dm-border) !important;
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .dh-r4-iframe-cover{
  background: var(--ea-dm-surface) !important;
}

html.ea-darkmode .dh-r2-profile-body,
html.ea-darkmode .dh-r4-card,
html.ea-darkmode .dh-r4-shell,
html.ea-darkmode .dh-r4-lock{
  color: var(--ea-dm-text) !important;
}


/* DAFThub directory alias / gdfix page family */
html.ea-darkmode .dh-gdfix-bg{
  background: var(--ea-dm-bg) !important;
  --dh-ink: var(--ea-dm-text);
  --dh-text: var(--ea-dm-muted);
  --dh-line: var(--ea-dm-border);
  --dh-soft: var(--ea-dm-bg);
  --dh-shell: var(--ea-dm-surface);
}

html.ea-darkmode .dh-gdfix-panel,
html.ea-darkmode .dh-gdfix-card,
html.ea-darkmode .dh-gdfix-visual,
html.ea-darkmode .dh-gdfix-shell,
html.ea-darkmode .dh-gdfix-pill{
  background: var(--ea-dm-surface) !important;
  border-color: var(--ea-dm-border) !important;
  box-shadow: var(--ea-dm-shadow) !important;
}

html.ea-darkmode .dh-gdfix-panel h1,
html.ea-darkmode .dh-gdfix-panel h2,
html.ea-darkmode .dh-gdfix-panel h3{
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .dh-gdfix-muted,
html.ea-darkmode .dh-gdfix-subtle,
html.ea-darkmode .dh-gdfix-info,
html.ea-darkmode .dh-gdfix-card p,
html.ea-darkmode .dh-gdfix-card li,
html.ea-darkmode .dh-gdfix-shell,
html.ea-darkmode .dh-gdfix-shell p,
html.ea-darkmode .dh-gdfix-shell li{
  color: var(--ea-dm-muted) !important;
}

html.ea-darkmode .dh-gdfix-kicker{
  background: rgba(147,197,253,0.14) !important;
  color: #cfe4ff !important;
}

html.ea-darkmode .dh-gdfix-pill{
  background: var(--ea-dm-surface-2) !important;
  border-color: var(--ea-dm-border) !important;
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .dh-gdfix-info{
  background: rgba(147,197,253,0.10) !important;
  border-color: rgba(147,197,253,0.28) !important;
}

html.ea-darkmode .dh-gdfix-note{
  background: rgba(255,122,0,.10) !important;
  border-color: rgba(255,122,0,.35) !important;
  color: var(--ea-dm-text) !important;
}
html.ea-darkmode .dh-gdfix-note strong{
  color: #ffd7a6 !important;
}

html.ea-darkmode .dh-gdfix-bg a.dh-gdfix-btn{
  background: var(--dh-blue, #0a3da2) !important;
  border-color: var(--dh-blue, #0a3da2) !important;
  color: #ffffff !important;
}
html.ea-darkmode .dh-gdfix-bg a.dh-gdfix-btn-outline{
  background: var(--ea-dm-surface-2) !important;
  border-color: #93c5fd !important;
  color: #cfe4ff !important;
}
html.ea-darkmode .dh-gdfix-bg a.dh-gdfix-btn-orange{
  background: var(--dh-orange, #ff7a00) !important;
  border-color: var(--dh-orange, #ff7a00) !important;
  color: #ffffff !important;
}

html.ea-darkmode .dh-gdfix-visual img,
html.ea-darkmode .dh-gdfix-mark{
  filter: none !important;
}


/* ------------------------------------------------------------
   DAFThub DIY Companion dashboard family (.dh-r5-*)
------------------------------------------------------------- */
html.ea-darkmode .dh-r5-bg{
  background: var(--ea-dm-bg) !important;
  --dh-ink: var(--ea-dm-text);
  --dh-text: var(--ea-dm-muted);
  --dh-line: var(--ea-dm-border);
  --dh-soft: var(--ea-dm-bg);
}

html.ea-darkmode .dh-r5-panel,
html.ea-darkmode .dh-r5-card,
html.ea-darkmode .dh-r5-visual,
html.ea-darkmode .dh-r5-shortcode,
html.ea-darkmode .dh-r5-pill{
  background: var(--ea-dm-surface) !important;
  border-color: var(--ea-dm-border) !important;
  box-shadow: var(--ea-dm-shadow) !important;
}

html.ea-darkmode .dh-r5-panel h1,
html.ea-darkmode .dh-r5-panel h2,
html.ea-darkmode .dh-r5-panel h3{
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .dh-r5-muted,
html.ea-darkmode .dh-r5-subtle,
html.ea-darkmode .dh-r5-small,
html.ea-darkmode .dh-r5-list,
html.ea-darkmode .dh-r5-card p,
html.ea-darkmode .dh-r5-card li,
html.ea-darkmode .dh-r5-visual p,
html.ea-darkmode .dh-r5-shortcode,
html.ea-darkmode .dh-r5-shortcode p,
html.ea-darkmode .dh-r5-shortcode li{
  color: var(--ea-dm-muted) !important;
}

html.ea-darkmode .dh-r5-kicker{
  background: rgba(147,197,253,0.14) !important;
  color: #cfe4ff !important;
}

html.ea-darkmode .dh-r5-pill{
  background: var(--ea-dm-surface-2) !important;
  border-color: var(--ea-dm-border) !important;
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .dh-r5-info{
  background: rgba(147,197,253,0.10) !important;
  border-color: rgba(147,197,253,0.28) !important;
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .dh-r5-note{
  background: rgba(255,122,0,.10) !important;
  border-color: rgba(255,122,0,.35) !important;
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .dh-r5-bg a.dh-r5-btn,
html.ea-darkmode .dh-r5-bg .wp-element-button,
html.ea-darkmode .dh-r5-bg .wp-block-button__link{
  background: var(--dh-blue, #0a3da2) !important;
  border-color: var(--dh-blue, #0a3da2) !important;
  color: #ffffff !important;
}

html.ea-darkmode .dh-r5-bg a.dh-r5-btn-outline{
  background: var(--ea-dm-surface-2) !important;
  border-color: #93c5fd !important;
  color: #cfe4ff !important;
}

html.ea-darkmode .dh-r5-bg a.dh-r5-btn-orange{
  background: var(--dh-orange, #ff7a00) !important;
  border-color: var(--dh-orange, #ff7a00) !important;
  color: #ffffff !important;
}

html.ea-darkmode .dh-r5-visual img,
html.ea-darkmode .dh-r5-mark{
  filter: none !important;
}

/* Satellite dashboard cards rendered inside the DIY Companion dashboard */
html.ea-darkmode .ea-daft-sat-dashboard2 .ea-card{
  background: var(--ea-dm-surface) !important;
  border-color: var(--ea-dm-border) !important;
  box-shadow: var(--ea-dm-shadow) !important;
}

html.ea-darkmode .ea-daft-sat-dashboard2 h2,
html.ea-darkmode .ea-daft-sat-dashboard2 h3,
html.ea-darkmode .ea-daft-sat-dashboard2 .ea-daft-sat-kicker,
html.ea-darkmode .ea-daft-sat-dashboard2 .ea-daft-sat-meta div,
html.ea-darkmode .ea-daft-sat-dashboard2 p,
html.ea-darkmode .ea-daft-sat-dashboard2 li{
  color: var(--ea-dm-text) !important;
}

html.ea-darkmode .ea-daft-sat-dashboard2 .ea-daft-sat-kicker{
  color: #cfe4ff !important;
}

html.ea-darkmode .ea-daft-sat-dashboard2 .ea-daft-sat-progress li{
  background: var(--ea-dm-surface-2) !important;
  border-color: var(--ea-dm-border) !important;
  color: var(--ea-dm-muted) !important;
}

html.ea-darkmode .ea-daft-sat-dashboard2 .ea-daft-sat-progress li.is-done{
  background: rgba(34,197,94,0.12) !important;
  border-color: rgba(34,197,94,0.22) !important;
  color: #d1fae5 !important;
}

html.ea-darkmode .ea-daft-sat-dashboard2 .ea-daft-sat-progress li.is-current{
  background: var(--dh-blue, #0a3da2) !important;
  border-color: var(--dh-blue, #0a3da2) !important;
  color: #ffffff !important;
}

html.ea-darkmode .ea-daft-sat-dashboard2 .button,
html.ea-darkmode .ea-daft-sat-dashboard2 .button-primary{
  background: var(--dh-blue, #0a3da2) !important;
  border-color: var(--dh-blue, #0a3da2) !important;
  color: #ffffff !important;
}


/* ------------------------------------------------------------
   Strong form text / placeholder fixes for DAFThub dark mode
------------------------------------------------------------- */
html.ea-darkmode input,
html.ea-darkmode textarea,
html.ea-darkmode select,
html.ea-darkmode input[type="text"],
html.ea-darkmode input[type="email"],
html.ea-darkmode input[type="url"],
html.ea-darkmode input[type="search"],
html.ea-darkmode input[type="tel"],
html.ea-darkmode input[type="number"],
html.ea-darkmode input[type="password"]{
  background: var(--ea-dm-surface-2) !important;
  color: var(--ea-dm-text) !important;
  -webkit-text-fill-color: var(--ea-dm-text) !important;
  caret-color: var(--ea-dm-text) !important;
  border-color: var(--ea-dm-border) !important;
}

html.ea-darkmode input::placeholder,
html.ea-darkmode textarea::placeholder{
  color: var(--ea-dm-muted) !important;
  opacity: .85 !important;
}

html.ea-darkmode select option,
html.ea-darkmode select optgroup{
  background: #0f172a !important;
  color: #e5e7eb !important;
}

/* Provider inquiry / front-end form labels and helper text */
html.ea-darkmode .dafthub-provider-inquiry-form label,
html.ea-darkmode .dafthub-provider-inquiry-form legend,
html.ea-darkmode .dafthub-provider-inquiry-form p,
html.ea-darkmode .dafthub-provider-inquiry-form small,
html.ea-darkmode .dafthub-provider-inquiry-form .description,
html.ea-darkmode .dafthub-provider-inquiry-form .helper,
html.ea-darkmode .dafthub-provider-inquiry-form .hint,
html.ea-darkmode .dafthub-provider-inquiry-form .note{
  color: var(--ea-dm-text) !important;
}

/* Generic front-end forms if class names differ */
html.ea-darkmode form label,
html.ea-darkmode form legend{
  color: var(--ea-dm-text) !important;
}