/*
 * Home page sections moved out of Elementor inline styles.
 */

.hero-section {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: min(760px, calc(100svh - 92px)) !important;
  margin: 0 !important;
  padding: clamp(42px, 7vw, 92px) clamp(14px, 6vw, 90px) !important;
  border-radius: 0 0 34px 34px !important;
  background-image:
    linear-gradient(90deg, rgba(20, 18, 45, 0.72), rgba(79, 37, 134, 0.34), rgba(9, 18, 38, 0.46)),
    url("https://doctorsrevisionuganda.com/wp-content/uploads/2025/09/doctor-revision.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden !important;
}

.hero-section .hero-container,
.hero-section .container {
  width: 100% !important;
  max-width: var(--dr-wide) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.hero-grid {
  display: flex !important;
  min-height: inherit !important;
  align-items: center !important;
  justify-content: center !important;
}

.hero-content {
  width: min(100%, 1220px) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.hero-title {
  max-width: 1180px !important;
  margin: 0 auto !important;
  color: #fff !important;
  font-size: clamp(40px, 6.4vw, 92px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.06em !important;
}

.text-purple,
.hero-title .text-purple {
  color: #c084fc !important;
}

.hero-subtitle {
  max-width: 960px !important;
  margin: clamp(14px, 2vw, 24px) auto 0 !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: clamp(17px, 1.6vw, 25px) !important;
}

.hero-buttons-wrapper {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-top: clamp(22px, 3vw, 42px) !important;
}

.hero-buttons-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 14px !important;
  width: 100% !important;
}

.btn-gradient-wrapper,
.gradient-btn {
  display: inline-flex !important;
  width: min(100%, 460px) !important;
  min-width: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 3px !important;
  background: linear-gradient(135deg, #a855f7, #d946ef, #ef4444) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-inner {
  width: 100% !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: clamp(13px, 1.3vw, 18px) clamp(18px, 2.8vw, 38px) !important;
  background: rgba(139, 92, 246, 0.92) !important;
  color: #fff !important;
  font-size: clamp(16px, 1.5vw, 22px) !important;
  font-weight: 800 !important;
  text-align: center !important;
}

.hero-features,
.stat-card,
.hero-badge {
  display: none !important;
}

.hero-image-wrapper {
  display: none !important;
}

.dr-hero-finder {
  width: min(100%, 880px) !important;
  margin: 1.55rem auto 0 !important;
  padding: 1rem !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-radius: 1.35rem !important;
  background: rgba(255, 255, 255, 0.14) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
}

.dr-hero-search-label {
  display: block !important;
  margin-bottom: 0.65rem !important;
  color: #fff !important;
  font-weight: 800 !important;
}

.dr-hero-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  padding: 0.45rem !important;
  border: 1px solid rgba(233, 213, 255, 0.9) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.95) !important;
}

.dr-hero-search-row input {
  flex: 1 !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--dr-text) !important;
  font-size: 1rem !important;
  padding: 0.7rem 0.2rem !important;
}

.dr-hero-search-row button {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0.78rem 1.15rem !important;
  background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
  color: #fff !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.dr-quick-subjects,
.dr-popular-notes {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin-top: 0.85rem !important;
}

.dr-quick-subjects a,
.dr-popular-notes a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 999px !important;
  padding: 0.58rem 0.86rem !important;
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.dr-popular-notes a {
  background: rgba(15, 23, 42, 0.28) !important;
}

.content-wrapper {
  align-items: center !important;
  text-align: center !important;
}

.description {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 768px) {
  .hero-section {
    min-height: calc(100svh - 74px) !important;
    padding: 34px 10px 38px !important;
    border-radius: 0 0 22px 22px !important;
    background-position: 57% center !important;
  }

  .hero-title {
    font-size: clamp(34px, 11vw, 54px) !important;
    letter-spacing: -0.045em !important;
  }

  .hero-subtitle {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  .hero-buttons-wrapper,
  .hero-buttons-row {
    gap: 10px !important;
  }

  .btn-gradient-wrapper,
  .gradient-btn {
    width: 100% !important;
  }

  .dr-hero-finder {
    margin-top: 1.1rem !important;
    padding: 0.75rem !important;
    border-radius: 1rem !important;
  }

  .dr-hero-search-row {
    border-radius: 1rem !important;
  }

  .dr-hero-search-row button {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }

  .dr-quick-subjects a,
  .dr-popular-notes a {
    flex: 1 1 calc(50% - 0.55rem) !important;
    padding: 0.58rem 0.5rem !important;
    font-size: 0.84rem !important;
  }
}