/* Automotive Maintenance Specialists theme. Loaded after the main bundle.
   Carries over the old site's look: charcoal grays, white logo, red accent (#d13742). */

:root {
  --ams-red: #d13742;
  --ams-red-dark: #c12732;
  --ams-charcoal: #2f2a2a;
  --ams-gray: #615f60;
  --ams-light: #e1e1e1;
  --bs-dark-rgb: 20, 18, 18;
  --bs-brand: #d13742;
  --bs-brand-rgb: 209, 55, 66;
}

.bg-dark { background-color: #1a1717 !important; }
.bg-black-dark { background-color: #242020 !important; }
.bg-black-gray { background-color: #141212 !important; }
.services-gallery:after { background-color: rgba(20, 18, 18, .85) !important; }

.btn-brand-primary, .btn-brand-outline {
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-hover-color: #2f2a2a;
  --bs-btn-active-bg: var(--ams-light);
  --bs-btn-active-border-color: var(--ams-light);
  --bs-btn-active-color: #2f2a2a;
}
.btn-brand-primary:hover, .btn-brand-outline:hover { color: #2f2a2a !important; }

/* header: charcoal to suit the white logo */
.site-header { background: var(--ams-charcoal); border-bottom: 4px solid var(--ams-red); box-shadow: 0 2px 10px rgba(0, 0, 0, .25); position: relative; z-index: 20; }
.site-header .navbar-logo img, .site-header img.navbar-logo { background: none; padding: 0; border-radius: 0; width: auto; max-height: 90px; height: auto; }
.site-header .nav.menu .nav-item a { color: #fff; font-weight: 700; }
.site-header .nav.menu .nav-item a:hover,
.site-header .nav.menu .nav-item a.active,
.site-header .nav.menu .nav-item a.btn.show { color: #fff; border-bottom: 2px solid var(--ams-red); }
.site-header .nav.menu .nav-item .dropdown-menu { background-color: var(--ams-charcoal) !important; border-top: 3px solid var(--ams-red); box-shadow: 0 10px 24px rgba(0, 0, 0, .3); padding: 8px 0; }
.site-header .nav.menu .nav-item .dropdown-menu li { margin-bottom: 0; }
.site-header .nav.menu .nav-item .dropdown-menu li a { color: #fff; border-bottom: 0; padding: 10px 18px; }
.site-header .nav.menu .nav-item .dropdown-menu li a:hover,
.site-header .nav.menu .nav-item .dropdown-menu li a.active { background-color: #3d3737; color: #fff; border-bottom: 0; box-shadow: inset 4px 0 0 var(--ams-red); }
.site-header .btn-menu-mobile { color: #fff; border-color: #fff; }
.site-header .btn-menu-mobile:hover, .site-header .btn-menu-mobile:focus { background: #fff !important; border-color: #fff; color: #2f2a2a !important; }
.site-header .btn-menu-mobile:active { background: var(--ams-light) !important; color: #2f2a2a !important; }

/* service placards: same size */
.services-gallery .card-img-top { width: 100% !important; height: auto !important; max-width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }

/* red accent under headings */
.content h2::after, .services-gallery h2::after, .featured-service-area h2::after, .review-slider h2::after, .why-ams h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  margin: .7rem 0 1.15rem;
  background: var(--ams-red);
}
.text-center h2::after, h2.text-center::after { margin-left: auto; margin-right: auto; }

.review-slider { background-color: #1a1717 !important; background-image: none !important; border-top: 4px solid var(--ams-red); padding: 4rem 0; }

/* why choose us list */
.why-ams { background: var(--ams-charcoal); padding: 4rem 0; }
.why-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.why-list li { background: #3d3737; border-left: 6px solid var(--ams-red); padding: 1rem 1.15rem; color: #fff; font-weight: 700; }
.why-list i { color: var(--ams-red); margin-right: .5rem; }

/* footer */
footer.footer {
  background-color: #141212 !important;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .04) 0 2px, transparent 2px 14px),
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, .04) 0 2px, transparent 2px 14px) !important;
  border-top: 4px solid var(--ams-red);
  border-color: var(--ams-red) !important;
}
.footer-nav { background-color: rgba(255, 255, 255, .1) !important; }
footer.footer a:hover, .footer-nav li a:hover { color: #fff !important; text-decoration: underline; }

/* the old site's service banners are tinted already, keep the overlay light */
.featured-top:after, .content-section.featured-top:after { --bs-bg-opacity: .55 !important; }

/* inner page two-column service links */
.service-links { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.service-links a { display: block; background: #3d3737; border-left: 6px solid var(--ams-red); color: #fff; padding: .8rem 1rem; font-weight: 700; text-decoration: none; }
.service-links a:hover { background: var(--ams-red); color: #fff; }

.directions-map { border: 3px solid var(--ams-red); width: 100%; height: 360px; max-width: 100%; }