body {
  background-color: #FFF;
  padding-top: 80px;
}

.car-wash-blue { background-color: #0F6EB6; border: none; }
.car-wash-green { background-color: #2D7B4D; border: none; }
.car-wash-orange { background-color: #C54A12; border: none; }
.car-wash-sand { background-color: #F7F6E5; }
.car-wash-black { background-color: #323232; }

.text-car-wash-blue { color: #0F6EB6; }
.text-car-wash-orange { color: #C54A12; }
.text-car-wash-black { color: #323232; }

.navbar-custom { background-color: #FFF; }
.navbar-custom .navbar-nav .nav-link { color: #0F6EB6; }
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link { color: #C54A12; }
.navbar-toggler { color: #0F6EB6; }

.navbar .dropdown-menu { background-color: #FFF; }
.dropdown .nav-link { color: #0F6EB6; }
.dropdown .dropdown-menu a { color: #0F6EB6; }
.dropdown .dropdown-menu a:hover {
  color: #0F6EB6;
  background-color: #F7A16B;
  border-color: #F7A16B;
}

.brand-text { color: #0F6EB6; }
.brand-text:hover { color: #C54A12; }
.menu-list { background-color: #7B2423; }

/* --- BUTTONS  --- */
.btn.car-wash-orange:hover {
  background-color: #C54A12 !important;
  filter: brightness(90%);
  box-shadow: 0 0 0 3px #F7A16B;
  color: #fff !important;
  transition: all 0.2s ease-in-out;
}

/* --- GLASSMORPHISM --- */
.backdrop-blur {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* --- LAYOUT COMPONENTS --- */
footer p { line-height: 1; }
.anchor { padding-top: 65px; }
.learn-more { height: 150px; }
.terms { height: 85vh; }

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0;
}
/* --- PARALLAX & BACKGROUNDS --- */
.paral {
  min-height: 550px;
  width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

@supports (-webkit-overflow-scrolling: touch) {
  .paral { background-attachment: scroll; }
}

/* Add this new mobile override block */
/* @media (max-width: 991px) {
  .paral.paralsec1 {
    min-height: 50vh !important;
    background-attachment: scroll !important;
    background-image: none !important;
    background-color: #0F6EB6 !important;
  }
} */

/* @media (min-width: 600px) */
/* { */
  .paralsec1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("/image/photos/car-wash-equipment/texas-car-wash-equipment-1.webp");
  }
  .paralsec2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("/image/photos/car-wash-equipment/texas-car-wash-equipment-17.webp");
  }
  .markvii-paral {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("/image/photos/oklahoma/markvii-car-wash.webp");
  }
  .markvii-inbay-paral {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("/image/photos/oklahoma/markvii-inbay-rollover-oklahoma.webp");
  }
  .markvii-tunnels {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("/image/photos/oklahoma/markvii-tunnel-oklahoma.webp");
  }
/* } */