/* ── Cassiopeia-specific fixes for Waves brand ────────────────────────── */


/* Fix: map height - override Cassiopeia grid constraints */
#car-wash-locator {
  height: 895px !important;
  width: 100% !important;
}
#car-wash-locator iframe,
#sales-map iframe,
#promotions-map iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 800px;
}
.com-content-article iframe {
  max-width: 100%;
}

/* Fix: blue-on-blue text — ensure white text on all blue-background areas */
.container-component,
.main-top,
.main-bottom,
.after-bottom,
.grid-child,
.site-grid > * {
  color: #fff;
}
.container-component a,
.main-top a,
.main-bottom a {
  color: var(--brand-gold);
}

/* Fix: ensure headings on blue background are white */
.moduletable h1, .moduletable h2, .moduletable h3,
.moduletable h4, .moduletable h5, .moduletable h6,
.card h1, .card h2, .card h3,
.card h4, .card h5, .card h6 {
  color: #fff;
}

/* Fix: article/page content should have readable text */
.item-page p, .item-page li,
.com-content-article p, .com-content-article li,
.page-header, .article-content {
  color: #fff;
}

/* Alternating module backgrounds — Cassiopeia renders modules in mod-chameleon wrappers */
.main-top .moduletable:nth-child(odd),
.main-bottom .moduletable:nth-child(odd),
.container-component .moduletable:nth-child(odd) {
  background: var(--brand-primary);
  padding: 1.5rem;
  border-radius: 4px;
}
.main-top .moduletable:nth-child(even),
.main-bottom .moduletable:nth-child(even),
.container-component .moduletable:nth-child(even) {
  background: var(--brand-lighter);
  padding: 1.5rem;
  border-radius: 4px;
}

/* Fix: moduletable text inside mod-chameleon cards */
.moduletable {
  color: #fff;
}

.container-footer a:hover {
  color: var(--brand-accent);
}

/* Fix: menubar — ensure main nav has proper spacing */
.menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.navbar-brand .brand-logo img {
  max-height: 50px;
}