/* ============================================================
   BOTTOM LINE INSURANCE — COMPREHENSIVE CSS FIXES
   Overrides WordPress/Insurai theme conflicts
   ============================================================ */

/* Force nav visible and styled */
#navbar {
  opacity: 1 !important;
  transform: translateY(0) !important;
  background: rgba(11,29,58,0.97) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}

/* Fix heading colors inside hero - theme sets them to dark */
#hero h1, #hero h2, #hero h3, #hero h4, #hero h5, #hero h6 {
  color: #ffffff !important;
}

/* Fix hero section layout */
#hero {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  min-height: 100vh !important;
  padding-top: 0 !important;
}

/* Fix hero content grid */
.hero-content {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 60px !important;
  align-items: center !important;
  padding: 140px 80px 80px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Force hero text elements visible */
.hero-eyebrow,
.hero-headline,
.hero-headline .word-inner,
.hero-sub,
.hero-btns,
.hero-left {
  opacity: 1 !important;
  transform: none !important;
}

/* Fix hero sub text color */
.hero-sub {
  color: rgba(255,255,255,0.75) !important;
}

/* Fix hero eyebrow text */
.hero-eyebrow {
  color: rgba(255,255,255,0.7) !important;
}

/* Force hero card visible */
.hero-card {
  opacity: 1 !important;
  transform: none !important;
}

/* Fix service card colors - theme overrides headings */
.service-card h3, .service-card h4 {
  color: var(--text-dark, #1a2a40) !important;
}

/* Force service cards visible */
.service-card {
  opacity: 1 !important;
  transform: none !important;
}

/* Force why/about section elements visible */
.why-feature,
.why-stat {
  opacity: 1 !important;
  transform: none !important;
}

/* Fix why section headings */
#why h2, #why h3, .why-title {
  color: #ffffff !important;
}

/* Force review cards visible */
.review-card {
  opacity: 1 !important;
  transform: none !important;
}

/* Force all js-reveal elements visible */
.js-reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Fix contact section headings */
#contact h2, #contact h3 {
  color: #ffffff !important;
}

/* Fix footer headings */
footer h3, footer h4 {
  color: #ffffff !important;
}

/* Fix services section headings */
#services h2, #services h3 {
  color: var(--text-dark, #1a2a40) !important;
}

/* Fix reviews section headings */
#reviews h2, #reviews h3 {
  color: var(--text-dark, #1a2a40) !important;
}


/* ===== CONTACT SECTION HEADING FIX ===== */
/* Make "Ready to Get Covered?", "Contact Us", "Send a Message" visible on light background */
#contact h2,
#contact h3,
#contact .contact-heading,
#contact .section-title {
  color: #213D6C !important;
}

/* Eyebrow label "GET IN TOUCH" */
#contact .eyebrow,
#contact .section-eyebrow,
#contact .label-tag {
  color: #99CA3B !important;
}