/* Shared container width — keep header, hero, and page content aligned */

:root {
  --container-max: 1380px;
  --container-padding: 24px;
}

.container,
.about-hero-content,
.mce-header-inner.container {
  width: 100%;
  max-width: var(--container-max, 1380px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding, 24px);
  padding-right: var(--container-padding, 24px);
}

/* Main page blocks should use the full container, not a narrow inner column */
.mce-page .container .pta-intro,
.mce-page .container .student-page-intro,
.mce-page .container .approvals-intro,
.mce-page .container .alumni-intro,
.mce-page .container .campus-facility-intro,
.mce-page .container .campus-facility-body,
.mce-page .container .admin-intro,
.mce-page .container .research-intro,
.mce-page .container .research-body,
.mce-page .container .campus-life-gallery-header,
.mce-page .container .office-services-header,
.mce-page .container .office-overview,
.mce-page .container .office-info,
.mce-page.scholarships-page .container .scholar-block-body,
.mce-page .container .dl-intro,
.mce-page .container .admf-intro,
.mce-page.vision-page .container .vm-showcase-header,
.mce-page .container .placement-showcase-head {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.mce-page .container .admf-intro p {
  max-width: none;
}

/* Facility / society images may span the content area */
.campus-facility-page .infra-images--single,
.professional-societies-page .societies-images--single {
  max-width: none;
}

@media (max-width: 768px) {
  :root {
    --container-padding: 16px;
  }
}

@media (max-width: 480px) {
  :root {
    --container-padding: 14px;
  }
}

/* Visit Our Campus / contact-map — consistent section spacing on department pages */
.mce-page .contact-map.section {
  padding: clamp(3rem, 6vw, 5.5rem) 0;
}

.mce-page .contact-map-grid {
  gap: clamp(32px, 4vw, 48px);
}

.mce-page .contact-info-block {
  min-width: 0;
}

@media (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .mce-header-inner.container {
    max-width: 1380px;
  }
}

/* Unified dark overlay for all page banners / heroes */
.mce-hero-shade,
.mce-mech-hero .mce-hero-shade,
.about-hero-overlay,
.hero-overlay,
.contact-hero-overlay,
.car-hero-shade,
.adm-hero.mce-hero .mce-hero-shade,
body.engineering1-page .mce-hero-shade,
body.engineering2-page .mce-hero-shade,
body.indexnew-page .hero-overlay,
body.indexnew1-page .hero-overlay,
body.index-page .hero-overlay,
body.im-page .hero-overlay,
.admission-faq-page .about-hero-overlay {
  background: #00000096 !important;
}

body.contact-page .contact-hero::before {
  display: none !important;
}