/* =====================================================================
   LANDING PAGE FIXES — ROUND 2 (dedicated file, hardcoded values)
   Fixes confirmed against actual source files, not guessed:
     1. Several section/footer/CTA backgrounds use hsl(var(--x) / 0.5)
        or / 0.8 — semi-transparent by design, so they were never truly
        solid even where the underlying color is correct. Forced fully
        opaque here.
     2. .choose-item__icon uses a text-clip trick that only works on
        webfont glyphs, not raw SVG icons — invisible SVG icons made
        solid red here, independent of icon type.
     3. .title-style (the accent half of every two-tone heading) gets
        one final hardcoded red override for absolute certainty.
   Kept fully separate from every other CSS file. Loaded last.
   ===================================================================== */

/* ---------- 1. Counter / stats section: solid black, red numbers ---------- */
.counter-up-section {
  background-color: #000000 !important;
  backdrop-filter: none !important;
}

.counter-up-section .shape-one {
  display: none !important;
}

.counter-up-section .section-heading__title,
.counter-up-section .section-heading__desc,
.counter-up-section .counterup-item__text {
  color: #ffffff !important;
}

.counter-up-section .counterup-item__title,
.counter-up-section .counterup-item__title.title-style,
.counter-up-section .counterup-item__title .odometer {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #ff2b2b !important;
  color: #ff2b2b !important;
}

/* The rolling digits are rendered by odometer.js as deeply nested spans
   (.odometer-digit > .odometer-digit-inner > .odometer-ribbon-inner >
   .odometer-value). Force red explicitly at every level so nothing in
   that chain can fall back to an inherited dark color. */
.counter-up-section .odometer-digit,
.counter-up-section .odometer-digit-spacer,
.counter-up-section .odometer-digit-inner,
.counter-up-section .odometer-ribbon,
.counter-up-section .odometer-ribbon-inner,
.counter-up-section .odometer-value,
.counter-up-section .odometer-formatting-mark {
  color: #ff2b2b !important;
  -webkit-text-fill-color: #ff2b2b !important;
}

/* ---------- 2. Why Choose Us: fix invisible icons (SVG-safe) ---------- */
.why-choose-section .choose-item__icon,
.why-choose-section .choose-item:hover .choose-item__icon {
  background: #ffffff !important;
  border: 2px solid #ff2b2b !important;
}

.why-choose-section .choose-item__icon i,
.why-choose-section .choose-item__icon svg,
.why-choose-section .choose-item__icon svg path,
.why-choose-section .choose-item__icon img,
.why-choose-section .choose-item:hover .choose-item__icon i,
.why-choose-section .choose-item:hover .choose-item__icon svg {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #ff2b2b !important;
  color: #ff2b2b !important;
  fill: #ff2b2b !important;
}

/* ---------- 3. Universal accent-text fix (Funded Lab / Key / System /
   Saying About Us / every step along your path, etc.) ---------- */
.title-style {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #ff2b2b !important;
  color: #ff2b2b !important;
}

/* ---------- 4. FAQ section: true solid white, bold black text ---------- */
.faq-section {
  background: #ffffff !important;
  background-image: none !important;
  backdrop-filter: none !important;
}

.faq-section .shape-one {
  display: none !important;
}

.faq-section .section-heading__subtitle,
.faq-section .section-heading__title,
.faq-section .section-heading__desc,
.faq-section .accordion-button,
.faq-section .accordion-body,
.faq-section .accordion-item {
  color: #000000 !important;
}

.faq-section .section-heading__title {
  font-weight: 800 !important;
  font-size: clamp(1.9rem, 1.4rem + 2vw, 3.2rem) !important;
}

.faq-section .accordion-button {
  font-weight: 700 !important;
  font-size: 1.05rem !important;
}

.faq-section .accordion-item {
  border: 1px solid #e2e2e2 !important;
}

/* ---------- 5. Payout section button: solid red ---------- */
.payout-section .btn.btn--base {
  background-color: #ff2b2b !important;
  color: #ffffff !important;
}

/* ---------- 5b. Light sections (white bg): force headings/subtext to
   solid black explicitly -- the non-accent part of a two-tone heading
   (e.g. "Key" in "Key Highlights") does not get .title-style, so it
   must be forced separately here. ---------- */
.highlight-section,
.table-section {
  background: #ffffff !important;
  background-image: none !important;
}

.highlight-section .shape-one,
.table-section .shape-one {
  display: none !important;
}

.highlight-section .section-heading__subtitle,
.highlight-section .section-heading__title,
.highlight-section .highlight-item__title,
.highlight-section .highlight-item__desc,
.table-section .section-heading__subtitle,
.table-section .section-heading__title,
.table-section .section-heading__desc {
  color: #000000 !important;
}

.highlight-section .section-heading__title,
.table-section .section-heading__title {
  font-weight: 800 !important;
  font-size: clamp(1.9rem, 1.4rem + 2vw, 3.2rem) !important;
}

/* ---------- 6. Testimonials: ensure heading fully visible ---------- */
.testimonial-section .section-heading__title {
  color: #ffffff !important;
}

/* ---------- 7. Bottom CTA card ("we're here to accompany you"):
   force fully opaque solid black card, no translucency ---------- */
.cta-section .cta {
  background-color: #000000 !important;
  backdrop-filter: none !important;
  border: 1px solid #ff2b2b33 !important;
}

.cta-section .cta__title {
  color: #ffffff !important;
}

.cta-section .btn.btn--base {
  background-color: #ff2b2b !important;
  color: #ffffff !important;
}

.cta-section .btn.btn-outline--base {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #ffffff44 !important;
}

/* ---------- 8. Footer: true solid opaque black (was 50% opacity) ---------- */
footer.footer-area {
  background-color: #000000 !important;
  backdrop-filter: none !important;
}

footer.footer-area .shape-one {
  display: none !important;
}

/* the bottom copyright strip is a separate element from the main
   footer block above it -- needs its own explicit override */
footer.footer-area .bottom-footer {
  background-color: #000000 !important;
}

footer.footer-area .bottom-footer__text {
  color: #ffffff !important;
}