/* Custom CSS Overrides for CT Auto Services */

/* 1. Reduce header opacity - make background image more visible on ALL hero sections */
[class*="bg-gradient-to"] {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) !important;
}

/* More specific override for hero overlays */
.relative > [class*="gradient"] {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) !important;
}

/* Target hero sections with absolute positioned overlays */
.absolute.inset-0[class*="from"] {
  background: rgba(0, 0, 0, 0.3) !important;
}

/* 2. Fix text spacing in "Our Services" section - make paragraphs more readable */
.grid p {
  margin-top: 1rem !important;
  line-height: 1.75 !important;
  margin-bottom: 1rem !important;
}

/* Specific spacing for service cards */
.rounded-lg.shadow-lg p {
  padding-top: 0.5rem !important;
  line-height: 1.75 !important;
}

/* 3. Force About page to use same hero image as home page */
[style*="storefront"] {
  background-image: url('/images/engine_hero_1.jpg') !important;
}

/* Additional override for any background that might be a storefront */
div[class*="bg-cover"][class*="bg-center"] {
  background-image: url('/images/engine_hero_1.jpg') !important;
}