/* Evergreen Christmas Light Installation — contrast and readability corrections
 * v2.0.1 — scoped overrides for light surfaces introduced by the v2.0 redesign.
 * Never invert the dark hero, gallery image captions, lightbox, dark CTAs or footer.
 * Loaded AFTER evergreen-reference.css; no changes to WordPress logic required.
 */

.bcl-app {
  --ev-text-strong: #142d28;
  --ev-text-body: #2e4842;
  --ev-text-muted: #435c55;
  --ev-text-link: #075b43;
}

/* Gallery section: legacy styles used white text on the original dark backdrop.
 * The reference redesign uses #f9fbfa; replace ALL surface-specific pale text. */
.bcl-app .bcl-gallery-section {
  color: var(--ev-text-body) !important;
  background: #f9fbfa !important;
}
.bcl-app .bcl-gallery-section .bcl-section-heading h2,
.bcl-app .bcl-gallery-section .bcl-section-heading h3 {
  color: var(--ev-text-strong) !important;
}
.bcl-app .bcl-gallery-section .bcl-eyebrow,
.bcl-app .bcl-gallery-section .bcl-gallery-eyebrow:not(.bcl-gallery-card .bcl-gallery-eyebrow),
.bcl-app .bcl-gallery-section .bcl-gallery-marquee-track,
.bcl-app .bcl-gallery-section .bcl-gallery-carousel-status,
.bcl-app .bcl-gallery-section .bcl-gallery-count,
.bcl-app .bcl-gallery-section .bcl-gallery-hint,
.bcl-app .bcl-gallery-section .bcl-gallery-carousel-topline,
.bcl-app .bcl-gallery-section .bcl-gallery-swipe-hint,
.bcl-app .bcl-gallery-section .bcl-gallery-evidence-note {
  color: var(--ev-text-muted) !important;
}
.bcl-app .bcl-gallery-section .bcl-section-lead {
  color: var(--ev-text-body) !important;
}
.bcl-app .bcl-gallery-section .bcl-marquee-track span::after,
.bcl-app .bcl-gallery-section .bcl-gallery-marquee-track span::after {
  color: #856211 !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-toolbar {
  background: #ffffff !important;
  border-color: #d9e7e1 !important;
  box-shadow: 0 8px 28px rgba(10, 61, 46, .08) !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-filter {
  color: #244a3e !important;
  background: #f2f7f4 !important;
  border-color: #d0e1d8 !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-filter:hover,
.bcl-app .bcl-gallery-section .bcl-gallery-filter:focus-visible {
  color: #ffffff !important;
  background: #075b43 !important;
  border-color: #075b43 !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-filter.is-active,
.bcl-app .bcl-gallery-section .bcl-gallery-filter.is-active:hover,
.bcl-app .bcl-gallery-section .bcl-gallery-filter.is-active:focus-visible {
  color: #143229 !important;
  background: #f1d37e !important;
  border-color: #af8420 !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-carousel-arrow {
  color: #104a37 !important;
  background: #ffffff !important;
  border-color: #cbded4 !important;
  box-shadow: 0 4px 14px rgba(8, 53, 38, .10) !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-carousel-arrow:hover,
.bcl-app .bcl-gallery-section .bcl-gallery-carousel-arrow:focus-visible {
  color: #ffffff !important;
  background: #075b43 !important;
  border-color: #075b43 !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-carousel-arrow:disabled {
  opacity: .55 !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-dot {
  background: #9cb7ab;
}
.bcl-app .bcl-gallery-section .bcl-gallery-dot:hover,
.bcl-app .bcl-gallery-section .bcl-gallery-dot:focus-visible {
  background: #19644a;
}
.bcl-app .bcl-gallery-section .bcl-gallery-progress {
  background: #d3e5db;
}
/* Card captions, icon badges and lightbox remain legible on photographic/dark surfaces. */
.bcl-app .bcl-gallery-section .bcl-gallery-card figcaption,
.bcl-app .bcl-gallery-section .bcl-gallery-card figcaption strong,
.bcl-app .bcl-gallery-section .bcl-gallery-card .bcl-gallery-description,
.bcl-app .bcl-gallery-section .bcl-gallery-view-icon,
.bcl-app .bcl-gallery-lightbox .bcl-lightbox-dialog,
.bcl-app .bcl-gallery-lightbox .bcl-lightbox-dialog h2,
.bcl-app .bcl-gallery-lightbox .bcl-lightbox-dialog h3 {
  color: #ffffff !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-card .bcl-gallery-eyebrow,
.bcl-app .bcl-gallery-lightbox .bcl-lightbox-eyebrow {
  color: #f2d583 !important;
}

/* Countdown: legacy WHITE numerals landed on new WHITE countdown tiles. */
.bcl-app .bcl-countdown-section {
  color: var(--ev-text-strong) !important;
  background: #e9f5ef !important;
}
.bcl-app .bcl-countdown-section .bcl-eyebrow {
  color: #07583e !important;
}
.bcl-app .bcl-countdown-section .bcl-countdown-copy h2,
.bcl-app .bcl-countdown-section .bcl-countdown-copy h3 {
  color: #14382d !important;
  text-shadow: none !important;
}
.bcl-app .bcl-countdown-section .bcl-countdown-copy p,
.bcl-app .bcl-countdown-section .bcl-countdown-copy li {
  color: #315348 !important;
}
.bcl-app .bcl-countdown-section .bcl-countdown-unit {
  background: #ffffff !important;
  border-color: #cce0d5 !important;
  box-shadow: 0 6px 19px rgba(16, 79, 52, .075);
  color: #14382d !important;
}
.bcl-app .bcl-countdown-section .bcl-countdown-value {
  color: #075039 !important;
  -webkit-text-fill-color: #075039 !important;
  text-shadow: none !important;
}
.bcl-app .bcl-countdown-section .bcl-countdown-label {
  color: #425e53 !important;
}

/* Article call-to-action previously had a deep green background and white type.
 * The new pale mint-to-white panel needs a dark title and body copy. */
.bcl-app .bcl-article-cta {
  color: #203e34 !important;
  background: linear-gradient(140deg, #e8f5ef, #ffffff) !important;
}
.bcl-app .bcl-article-cta h2,
.bcl-app .bcl-article-cta h3 {
  color: #14382d !important;
}
.bcl-app .bcl-article-cta p,
.bcl-app .bcl-article-cta li {
  color: #2d4e41 !important;
}
.bcl-app .bcl-article-cta a:not(.bcl-button) {
  color: #075b43 !important;
}

/* Light cards in other templates: respect card contrast without bleaching
 * buttons and image overlays. */
.bcl-app .bcl-landing-hero-form,
.bcl-app .bcl-landing-hero-form h2,
.bcl-app .bcl-landing-hero-form h3,
.bcl-app .bcl-landing-hero-form label,
.bcl-app .bcl-landing-hero-form .bcl-eyebrow,
.bcl-app .bcl-landing-sidebar .bcl-sidebar-card:not(.is-accent),
.bcl-app .bcl-author-box,
.bcl-app .bcl-proof-section,
.bcl-app .bcl-proof-section .bcl-proof-card {
  color: var(--ev-text-strong) !important;
}
.bcl-app .bcl-landing-hero-form p,
.bcl-app .bcl-landing-hero-form .bcl-form-privacy-notice,
.bcl-app .bcl-author-box p,
.bcl-app .bcl-proof-section .bcl-section-lead {
  color: var(--ev-text-muted) !important;
}
.bcl-app .bcl-landing-hero-form :is(input,textarea,select),
.bcl-app .ev-estimate-panel :is(input,textarea,select) {
  color: #182f29 !important;
  background-color: #ffffff !important;
}
.bcl-app .bcl-landing-hero-form :is(input,textarea)::placeholder,
.bcl-app .ev-estimate-panel :is(input,textarea)::placeholder {
  color: #596d65 !important;
  opacity: 1;
}
/* The white text on dark actions and overlays is intentional. */
.bcl-app :is(.ev-hero,.ev-final,.bcl-landing-hero,.ev-page-hero,.bcl-blog-hero,.bcl-article-hero) .bcl-button-primary,
.bcl-app .ev-estimate-panel .bcl-lead-submit,
.bcl-app .bcl-header-cta,
.bcl-app .bcl-landing-sidebar .bcl-button-primary,
.bcl-app .bcl-article-cta .bcl-button-primary {
  color: #ffffff !important;
}

/* Maintain readable white labels on action buttons, including mobile views. */
.bcl-app .ev-hero .bcl-button-primary {
  background: linear-gradient(90deg, #0b7455, #07563f) !important;
}
.bcl-app .ev-final .bcl-button-primary,
.bcl-app .ev-final .bcl-button {
  background: #075a41 !important;
  color: #ffffff !important;
}
.bcl-app .bcl-gallery-section .bcl-gallery-swipe-hint .bcl-icon,
.bcl-app .bcl-gallery-section .bcl-gallery-hint .bcl-icon {
  color: #795711 !important;
}
