/* FINAL POLISH v8
   - removes visually duplicated marquee items
   - improves text contrast
   - makes the plumbing background show through more consistently
   - reduces solid white surfaces that were hiding the global background
*/

:root {
  --final-surface: rgba(255, 252, 246, 0.72);
  --final-surface-strong: rgba(255, 252, 246, 0.82);
  --final-surface-soft: rgba(255, 252, 246, 0.56);
}

/* Make the full-site plumbing background more visible */
body::before {
  background:
    linear-gradient(180deg, rgba(248,244,236,.30), rgba(248,244,236,.36)),
    url('../assets/images/site-background-premium.webp') center top / cover no-repeat !important;
}

body::after {
  background:
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 14%, transparent 86%, rgba(255,255,255,.03));
}

/* Global section surfaces: transparent enough to reveal the background */
.hero {
  background: rgba(248, 244, 236, .16) !important;
}

.subhero,
.section-cream,
.section-paper,
.pipe-section-2,
.pipe-section-4,
.pipe-section-5,
.pipe-section-6,
.pipe-section-8,
.contact-details-section,
.tuition-details-section,
.section-lab-showcase,
.section-toolkit {
  background: rgba(248, 244, 236, .44) !important;
  backdrop-filter: blur(1px);
}

.section-navy,
.pipe-section-3 {
  background: linear-gradient(135deg, rgba(5,27,45,.78), rgba(9,49,75,.74)) !important;
}

.section-blue,
.pipe-section-7 {
  background: linear-gradient(135deg, rgba(8,77,122,.72), rgba(8,126,185,.68)) !important;
}

/* Hero main card less solid so the background is visible */
.page-index .hero-copy {
  background: linear-gradient(145deg, rgba(255,252,246,.68), rgba(255,252,246,.46)) !important;
  border-color: rgba(7,27,45,.06) !important;
  box-shadow: 0 26px 56px rgba(7,27,45,.10) !important;
}

.page-index .hero-meta div,
.editorial-card,
.feature,
.process,
.process-card,
.program-price-card,
.faq-item,
.article-card,
.form-card,
.side-nav,
.support-card.light,
.contact-panel,
.tag-box,
.lab-stat,
.toolkit-card,
.program-image,
.subhero .tag-box {
  backdrop-filter: blur(8px);
}

.editorial-card,
.feature,
.process,
.process-card,
.program-price-card,
.faq-item,
.article-card,
.form-card,
.side-nav,
.support-card.light,
.tag-box,
.toolkit-card,
.form-shell,
.panel,
.content-card {
  background: var(--final-surface) !important;
}

.page-index .hero-meta div,
.process-card,
.faq-item,
.article-card,
.side-nav,
.support-card.light,
.toolkit-card,
.program-price-card,
.program-image {
  border-color: rgba(7,27,45,.08) !important;
}

/* Make lab and toolkit sections show the global background too */
.section-lab-showcase::before {
  background:
    radial-gradient(circle at 12% 18%, rgba(47,199,215,.08), transparent 26%),
    radial-gradient(circle at 88% 76%, rgba(242,161,31,.06), transparent 24%) !important;
}

.lab-stat,
.support-card.dark,
.contact-panel,
.subhero .tag-box,
.tag-box.dark,
.card.dark {
  background: rgba(7,27,45,.88) !important;
}

/* Improve tuition section visibility */
.program-price-card {
  background: linear-gradient(145deg, rgba(255,252,246,.78), rgba(248,244,236,.62)) !important;
}

.program-price-card h2,
.program-price-card .program-total,
.program-price-card .program-total-label,
.program-price-card strong,
.program-price-card span,
.program-price-card small,
.program-price-card p {
  color: var(--navy) !important;
}

.program-price-card .eyebrow.light {
  color: var(--blue) !important;
}
.program-price-card .eyebrow.light::before {
  background: currentColor !important;
}
.program-price-card small {
  opacity: .75;
}

/* Improve heading visibility in lighter sections */
.section-paper h2,
.section-cream h2,
.section-lab-showcase h2,
.section-toolkit h2,
.article-card h2,
.article-card h3,
.form-card h2,
.side-nav,
.side-nav a,
.subhero h1 {
  color: var(--navy);
}

/* Marquee: remove the sense of duplicated text */
.page-index .marquee-track {
  animation: none !important;
  width: 100% !important;
  max-width: var(--container);
  margin: 0 auto;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px 26px;
  padding: 15px 0;
}

.page-index .marquee span {
  gap: 18px;
}

.page-index .marquee span::after {
  margin-left: 4px;
}

/* Make footer always readable */
.site-footer,
footer.site-footer {
  background: linear-gradient(135deg, rgba(6,24,39,.96), rgba(10,47,73,.95)) !important;
}

.site-footer::before {
  opacity: .88;
}

.site-footer p,
.site-footer .brand small,
.site-footer .footer-col a,
.site-footer > * > div > a,
.site-footer .footer-bottom {
  color: rgba(255,255,255,.78) !important;
}

/* Tweak CTA and lighter cards */
.final-cta {
  background: linear-gradient(110deg, rgba(223,83,57,.94), rgba(241,155,33,.92)) !important;
}

/* Ensure decorative objects stay behind content and do not block it */
.decor,
.subpage-decor,
.footer-decor {
  z-index: 1 !important;
  opacity: .78;
}

.section > .container,
.hero > .container,
.subhero > .container,
.site-footer .container {
  z-index: 3;
}

/* Responsive */
@media (max-width: 980px) {
  body::before {
    background:
      linear-gradient(180deg, rgba(248,244,236,.36), rgba(248,244,236,.42)),
      url('../assets/images/site-background-premium.webp') center top / 1320px auto no-repeat !important;
  }
}

@media (max-width: 820px) {
  .page-index .hero-copy {
    background: linear-gradient(145deg, rgba(255,252,246,.78), rgba(255,252,246,.62)) !important;
  }

  .page-index .marquee-track {
    justify-content: center;
    gap: 10px 22px;
  }

  .section-navy,
  .pipe-section-3 {
    background: linear-gradient(135deg, rgba(5,27,45,.84), rgba(9,49,75,.80)) !important;
  }

  .section-blue,
  .pipe-section-7 {
    background: linear-gradient(135deg, rgba(8,77,122,.80), rgba(8,126,185,.76)) !important;
  }
}

@media (max-width: 560px) {
  .page-index .marquee-track {
    justify-content: flex-start;
  }
}