/* Salinas Valley Oncology — custom styles on top of Tailwind */

/* ---- Typography, matching the original OceanWP/Elementor setup ----
   Body copy: Roboto · Headings/nav/buttons: Poppins · Eyebrow labels:
   Montserrat · Logo + page banners: Libre Baskerville (font-serif). */
body { font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h5, h6, nav, button { font-family: 'Poppins', sans-serif; }
.uppercase { font-family: 'Poppins', sans-serif; }
.svo-eyebrow { font-family: 'Montserrat', sans-serif !important; letter-spacing: .16em; }

/* Section headings: Poppins Light with a bold royal-blue emphasis span,
   like the original "Why [Salinas Valley Oncology] Stands Out". */
.svo-h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: #54698f;
  letter-spacing: .2px;
}
.svo-h2 span {
  font-weight: 700;
  color: #1a56b0;
}

/* Desktop dropdown menus */
.dropdown {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all .22s ease;
}
.group:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Hero slider */
.hero-slide {
  opacity: 0;
  transition: opacity .9s ease;
  position: absolute;
  inset: 0;
}
.hero-slide.active { opacity: 1; position: relative; }

/* Card sliders (oncology care / treatments) */
.svo-track {
  display: flex;
  transition: transform .55s ease;
}
.svo-dot {
  width: 9px;
  height: 9px;
  border-radius: 9999px;
  background: #93b4e0;
  transition: background .25s ease;
}
.svo-dot.active { background: #1a56b0; }

/* Card hover lift */
.svo-card {
  transition: transform .3s ease, box-shadow .3s ease;
}
.svo-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px -12px rgba(13, 43, 94, .25);
}

/* Simple fade-up on scroll */
.fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Prose styling for blog/article bodies */
.svo-prose h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0d2b5e;
  margin: 1.75rem 0 .75rem;
}
.svo-prose p { margin-bottom: 1rem; line-height: 1.8; }
.svo-prose strong { color: #0d2b5e; }
.svo-prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.svo-prose li { margin-bottom: .4rem; line-height: 1.7; }