/* Hero Compact Styles - Optimized for Mobile */
/* Reduces hero height to get users to page content faster */

/* Desktop: Reduce hero from 45vh to 35vh */
.site-hero {
  height: 35vh !important;
  min-height: 320px !important;
}

.site-hero.overlay:before {
  height: 35vh !important;
  min-height: 320px !important;
}

.site-hero-inner {
  height: 35vh !important;
  min-height: 320px !important;
}

/* Optimize hero text sizing for compact layout */
.site-hero-inner .heading {
  font-size: 64px !important;
  margin-bottom: 15px !important;
}

.hero-tagline {
  font-size: 20px !important;
  margin-bottom: 20px !important;
  line-height: 1.3 !important;
}

/* Tablet optimization (768px - 991px) */
@media (max-width: 991.98px) {
  .site-hero {
    height: 30vh !important;
    min-height: 280px !important;
  }
  
  .site-hero.overlay:before {
    height: 30vh !important;
    min-height: 280px !important;
  }
  
  .site-hero-inner {
    height: 30vh !important;
    min-height: 280px !important;
  }
  
  .site-hero-inner .heading {
    font-size: 36px !important;
  }
  
  .hero-tagline {
    font-size: 18px !important;
  }
}

/* Mobile optimization (577px - 767px) */
@media (max-width: 767.98px) {
  .site-hero {
    height: 28vh !important;
    min-height: 240px !important;
  }
  
  .site-hero.overlay:before {
    height: 28vh !important;
    min-height: 240px !important;
  }
  
  .site-hero-inner {
    height: 28vh !important;
    min-height: 240px !important;
    padding-top: 50px !important;
  }
  
  .site-hero-inner .heading {
    font-size: 32px !important;
    margin-bottom: 12px !important;
  }
  
  .hero-tagline {
    font-size: 16px !important;
    margin-bottom: 15px !important;
  }
}

/* Small mobile optimization (≤576px) - Most aggressive reduction */
@media (max-width: 576px) {
  .site-hero {
    height: 20vh !important;
    min-height: 160px !important;
  }
  
  .site-hero.overlay:before {
    height: 20vh !important;
    min-height: 160px !important;
  }
  
  .site-hero-inner {
    height: 20vh !important;
    min-height: 160px !important;
    padding-top: 60px !important;
  }
  
  .site-hero-inner .heading {
    font-size: 28px !important;
    margin-bottom: 0 !important;
    line-height: 1.1 !important;
  }
  
  /* Hide tagline on mobile to save space */
  .hero-tagline {
    display: none !important;
  }
}

/* Extra small mobile (≤400px) - Ultra compact */
@media (max-width: 400px) {
  .site-hero {
    height: 18vh !important;
    min-height: 150px !important;
  }
  
  .site-hero.overlay:before {
    height: 18vh !important;
    min-height: 150px !important;
  }
  
  .site-hero-inner {
    height: 18vh !important;
    min-height: 150px !important;
    padding-top: 55px !important;
  }
  
  .site-hero-inner .heading {
    font-size: 24px !important;
    margin-bottom: 0 !important;
  }
  
  /* Tagline already hidden on mobile */
}

/* Ensure header logo is optimized for compact hero */
@media (max-width: 768px) {
  .site-header {
    padding: 20px 0 !important;
  }
  
  .site-logo a {
    font-size: 24px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 576px) {
  .site-header {
    padding: 15px 0 !important;
  }
  
  .site-logo a {
    font-size: 22px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 400px) {
  .site-header {
    padding: 12px 0 !important;
  }
  
  .site-logo a {
    font-size: 20px !important;
    line-height: 1 !important;
  }
}