/* ============================================================
   Dark theme override -- matches the Hugo rebuild's dark palette
   (studio-artistpr-rebuild config/_default/params.yaml theme.surfaces):
   background #141414, foreground #f5f5f5, header/footer #000000/#ffffff,
   primary=blue/secondary=teal accents. Shared across studio/database/
   portal/playlist (all Astra Child) -- see functions.php for the blog-ID
   gate that keeps this off ms.artistpr.com and any other astra-child site
   on this network we haven't touched. Edit this file directly; no need to
   go through the Customizer or a DB write for changes here anymore.
   ============================================================ */
:root {
  --apr-dark-bg: #141414;
  --apr-dark-fg: #f5f5f5;
  --apr-dark-header-bg: #000000;
  --apr-dark-header-fg: #ffffff;
  --apr-dark-surface: #1f1f1f;
  --apr-dark-border: #333333;
  --apr-accent: #3b82f6;
  --apr-accent-hover: #0d9488;
}

html, body, .site, .site-content, #content, .ast-separate-container {
  background-color: var(--apr-dark-bg) !important;
  color: var(--apr-dark-fg) !important;
}

.ast-above-header, .ast-header-bar, #masthead, .site-header,
.ast-footer-container, #colophon, .site-footer {
  background-color: var(--apr-dark-header-bg) !important;
  color: var(--apr-dark-header-fg) !important;
}
.ast-above-header a, .ast-header-bar a, #masthead a, .site-header a,
.ast-footer-container a, #colophon a, .site-footer a {
  color: var(--apr-dark-header-fg) !important;
}

h1, h2, h3, h4, h5, h6, p, li, span, label, .entry-content, .widget-title {
  color: var(--apr-dark-fg);
}

a, .entry-content a { color: var(--apr-accent); }
a:hover, .entry-content a:hover { color: var(--apr-accent-hover); }

.vc_row, .wpb_wrapper, .elementor-section, .elementor-widget-wrap,
.entry-content, article, .ast-container, .ld-item-list, .learndash-wrapper {
  background-color: transparent !important;
  color: var(--apr-dark-fg);
}

.card, .um, .gflow-inbox, .wpcf7-form, .elementor-widget-container,
.vc_column-inner, .wp-block-column, .wp-block-columns {
  background-color: var(--apr-dark-surface);
  border-color: var(--apr-dark-border);
}

.vc_btn3, .elementor-button, .wp-block-button__link, button, input[type="submit"] {
  background-color: var(--apr-accent) !important;
  border-color: var(--apr-accent) !important;
  color: #ffffff !important;
}
.vc_btn3:hover, .elementor-button:hover, .wp-block-button__link:hover,
button:hover, input[type="submit"]:hover {
  background-color: var(--apr-accent-hover) !important;
  border-color: var(--apr-accent-hover) !important;
}

input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], input[type="url"], textarea, select {
  background-color: var(--apr-dark-surface) !important;
  color: var(--apr-dark-fg) !important;
  border: 1px solid var(--apr-dark-border) !important;
}
::placeholder { color: #999999 !important; }

table, th, td { border-color: var(--apr-dark-border) !important; color: var(--apr-dark-fg); }

img, video, iframe { filter: none !important; }

/* Fix: below-footer bar background/border, and the actual nested bars
   that carry Astra's real header/footer background color -- the outer
   #masthead/.site-header/.ast-footer-container/#colophon wrappers above
   don't carry background themselves; Astra's own dynamic CSS (read
   directly from astra/inc/builder/type/footer/below-footer/dynamic-css/
   dynamic.css.php and astra/inc/class-astra-dynamic-css.php, not guessed)
   paints it on inner bars instead: .main-header-bar/.ast-above-header-bar
   for the header, .ast-small-footer/.footer-adv (+ their -overlay
   children) for the footer. */
.site-below-footer-wrap,
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
  background-color: transparent !important;
  background-image: none !important;
  border-top: none !important;
  border-top-width: 0 !important;
  border-top-color: transparent !important;
}

.ast-header-bar-wrap, .main-header-bar, .ast-above-header-bar,
.ast-below-header-bar, #ast-desktop-header,
.ast-small-footer, .ast-small-footer > .ast-footer-overlay,
.footer-adv, .footer-adv .footer-adv-overlay {
  background-color: var(--apr-dark-header-bg) !important;
  color: var(--apr-dark-header-fg) !important;
}
.footer-adv a, .footer-adv .widget-title, .footer-adv .widget-title a,
.ast-small-footer a {
  color: var(--apr-dark-header-fg) !important;
}

/* Fix: the .footer-adv a / .ast-small-footer a color:white rule above
   cascades into the footer's social icons via their SVGs' own
   fill="currentColor" attribute (confirmed in astra/inc/builder/type/
   base/dynamic-css/social/class-astra-social-component-dynamic-css.php),
   turning each brand's official icon color white. Restore their original
   color by un-forcing color on just the icon links -- more specific than
   the blanket rule above (2 classes vs 1 class+element), so it wins. */
.footer-adv .ast-builder-social-element,
.ast-small-footer .ast-builder-social-element {
  color: unset !important;
}


.gform_page_fields label {
    color: #ffffff!important;
}

#gravityflow-status-filters { background: unset!important; border-width:0!important }