/* Hero Section Standardization - All pages except index */
/* High specificity to override inline styles */
html body:not(.index-page) .hero-section,
html body:not(.index-page) .committee-hero,
html body:not(.index-page) .naac-hero, 
html body:not(.index-page) .library-hero,
html body:not(.index-page) .lab-hero,
html body:not(.index-page) .facilities-hero,
html body:not(.index-page) .management-hero,
html body:not(.index-page) .principal-hero,
html body:not(.index-page) .ash-hero,
html body:not(.index-page) .breadcrumb-hero,
html body:not(.index-page) .department-hero,
html body:not(.index-page) .mtech-hero,
html body:not(.index-page) .ug-pg-hero,
html body:not(.index-page) .hostel-hero,
html body:not(.index-page) .canteen-hero,
html body:not(.index-page) .placement-hero,
html body:not(.index-page) .admission-hero,
html body:not(.index-page) .career-hero,
html body:not(.index-page) .magazine-hero,
html body:not(.index-page) .page-hero {
  margin-top: 104px !important;
  padding: 2.5rem 0 1.5rem !important;
  min-height: auto !important;
  border-top: none !important;
}

/* Mobile hero standardization with higher specificity */
@media (max-width: 1024px) {
  html body:not(.index-page) .hero-section,
  html body:not(.index-page) .committee-hero,
  html body:not(.index-page) .naac-hero, 
  html body:not(.index-page) .library-hero,
  html body:not(.index-page) .lab-hero,
  html body:not(.index-page) .facilities-hero,
  html body:not(.index-page) .management-hero,
  html body:not(.index-page) .principal-hero,
  html body:not(.index-page) .ash-hero,
  html body:not(.index-page) .breadcrumb-hero,
  html body:not(.index-page) .department-hero,
  html body:not(.index-page) .mtech-hero,
  html body:not(.index-page) .ug-pg-hero,
  html body:not(.index-page) .hostel-hero,
  html body:not(.index-page) .canteen-hero,
  html body:not(.index-page) .placement-hero,
  html body:not(.index-page) .admission-hero,
  html body:not(.index-page) .career-hero,
  html body:not(.index-page) .magazine-hero,
  html body:not(.index-page) .page-hero {
    margin-top: 59px !important;
    padding: 2rem 0 1.25rem !important;
    border-top: none !important;
  }
}

/* Additional overrides for specific conflicting inline styles */
@media (max-width: 768px) {
  html body:not(.index-page) .magazine-hero {
    margin-top: 59px !important;
    padding: 2rem 0 1.25rem !important;
  }
}

/* Hero Title Standardization with higher specificity */
html body:not(.index-page) .hero-section h1,
html body:not(.index-page) .committee-hero h1,
html body:not(.index-page) .naac-hero h1, 
html body:not(.index-page) .library-hero h1,
html body:not(.index-page) .lab-hero h1,
html body:not(.index-page) .facilities-hero h1,
html body:not(.index-page) .management-hero h1,
html body:not(.index-page) .principal-hero h1,
html body:not(.index-page) .ash-hero h1,
html body:not(.index-page) .breadcrumb-hero h1,
html body:not(.index-page) .department-hero h1,
html body:not(.index-page) .mtech-hero h1,
html body:not(.index-page) .ug-pg-hero h1,
html body:not(.index-page) .hostel-hero h1,
html body:not(.index-page) .canteen-hero h1,
html body:not(.index-page) .placement-hero h1,
html body:not(.index-page) .admission-hero h1,
html body:not(.index-page) .career-hero h1,
html body:not(.index-page) .magazine-hero h1,
html body:not(.index-page) .hero-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  color: #003366 !important;
  text-shadow: none !important;
  margin-bottom: 1rem !important;
  line-height: 1.2 !important;
}

/* Ensure index page hero remains as designed */
.index-page .hero-section h1,
.index-page .modern-title {
  color: white !important;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;
}

/* Override specific inline style conflicts */
.magazine-hero {
  margin-top: 104px !important;
  padding: 2.5rem 0 1.5rem !important;
}

@media (max-width: 1024px) {
  .magazine-hero {
    margin-top: 59px !important;
    padding: 2rem 0 1.25rem !important;
  }
}

@media (max-width: 768px) {
  .magazine-hero {
    margin-top: 59px !important;
    padding: 2rem 0 1.25rem !important;
  }
}

/* Force override for all hero sections */
section.magazine-hero,
section.hero-section,
section.committee-hero,
section.placement-hero {
  margin-top: 104px !important;
  padding: 2.5rem 0 1.5rem !important;
}

@media (max-width: 1024px) {
  section.magazine-hero,
  section.hero-section,
  section.committee-hero,
  section.placement-hero {
    margin-top: 59px !important;
    padding: 2rem 0 1.25rem !important;
  }
}