/* Body background */
body {
  background: url('/images/background.jpg') center top repeat-y !important;
  background-size: 100% auto !important; /* perfect fit width, repeats on Y */
}

body::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.2) 0%, rgba(118,75,162,0.2) 100%);
  z-index: -1;
}

@media (max-width: 768px) {
  body {
    background: url('/images/background.jpg') center top repeat-y !important;
    background-size: 100% auto !important;
  }

  body::before {
    background: linear-gradient(135deg, rgba(102,126,234,0.2) 0%, rgba(118,75,162,0.2) 100%);
  }
}

/* Cards */
.card {
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 12px !important;
  transition: transform 0.3s !important;
}

.card:hover {
  transform: translateY(-5px) !important;
}

/* Hero section hard override */
section.hero-section {
  position: relative !important;
  background: rgba(102, 178, 255, 0.8) !important;
  color: white !important;
  padding: 100px 0 !important;
  overflow: hidden !important;
}

section.hero-section::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(102,178,255,0.2) 0%, rgba(102,178,255,0.4) 100%) !important;
  opacity: 0.3 !important;
  z-index: -1 !important;
}

/* Feature icons and progress bars */
.feature-icon {
  font-size: 3rem !important;
  color: #667eea !important;
}

.progress-custom {
  height: 25px !important;
  font-weight: bold !important;
}

.sticky-bar { background: #28a745 !important; }
.rotating-bar { background: #ffc107 !important; }
.discard-bar { background: #dc3545 !important; }

/* Force text white in these sections */
.col-lg-8.mx-auto h2,
.col-lg-8.mx-auto p {
  color: white !important;
}

/* Light blue semi-transparent section (CTA section) */
section.py-5.bg-primary.text-white {
  position: relative !important;
  background: rgba(102, 178, 255, 0.8) !important;
  color: white !important;
  overflow: hidden !important;
}

section.py-5.bg-primary.text-white::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(102,178,255,0.2) 0%, rgba(102,178,255,0.4) 100%) !important;
  opacity: 0.3 !important;
  z-index: -1 !important;
}

/* Light blue semi-transparent section (Provider Analysis) */
section.py-5.bg-light {
  position: relative !important;
  background: rgba(102, 178, 255, 0.8) !important;
  color: white !important;
  overflow: hidden !important;
}

section.py-5.bg-light::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(102,178,255,0.2) 0%, rgba(102,178,255,0.4) 100%) !important;
  opacity: 0.3 !important;
  z-index: -1 !important;
}

/* Footer with slight transparency */
footer.bg-dark {
  position: relative !important;
  background: rgba(0, 0, 0, 0.85) !important;
}