/* emt-staging-ux.css — staging-only UX pass (2026-07-13): owned brand imagery as hero backdrops.
   Gradient overlay divs in the captured markup act as scrims -> text stays legible. */
.emt-tijuana main > section:first-of-type {
  background-image: url(./ux/tijuana.jpg);
  background-size: cover;
  background-position: center;
}
.emt-tijuana main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-valle-de-guadalupe main > section:first-of-type {
  background-image: url(./ux/valle-de-guadalupe.jpg);
  background-size: cover;
  background-position: center;
}
.emt-valle-de-guadalupe main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-rosarito main > section:first-of-type {
  background-image: url(./ux/rosarito.jpg);
  background-size: cover;
  background-position: center;
}
.emt-rosarito main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-ensenada main > section:first-of-type {
  background-image: url(./ux/ensenada.jpg);
  background-size: cover;
  background-position: center;
}
.emt-ensenada main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-cbx main > section:first-of-type {
  background-image: url(./ux/cbx.jpg);
  background-size: cover;
  background-position: center;
}
.emt-cbx main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-tecate main > section:first-of-type {
  background-image: url(./ux/tecate.jpg);
  background-size: cover;
  background-position: center;
}
.emt-tecate main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-puerto-nuevo main > section:first-of-type {
  background-image: url(./ux/puerto-nuevo.jpg);
  background-size: cover;
  background-position: center;
}
.emt-puerto-nuevo main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-baja-beach-fest main > section:first-of-type {
  background-image: url(./ux/baja-beach-fest.jpg);
  background-size: cover;
  background-position: center;
}
.emt-baja-beach-fest main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-corporate main > section:first-of-type {
  background-image: url(./ux/corporate.jpg);
  background-size: cover;
  background-position: center;
}
.emt-corporate main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-medical main > section:first-of-type {
  background-image: url(./ux/medical.jpg);
  background-size: cover;
  background-position: center;
}
.emt-medical main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-fleet main > section:first-of-type {
  background-image: url(./ux/fleet.jpg);
  background-size: cover;
  background-position: center;
}
.emt-fleet main > section:first-of-type > div:first-of-type { opacity: .82; }
.emt-about main > section:first-of-type {
  background-image: url(./ux/about.jpg);
  background-size: cover;
  background-position: center;
}
.emt-about main > section:first-of-type > div:first-of-type { opacity: .82; }

/* destination-card photos (2026-07-13, GO wp-rebuild-emt-destination-card-photos):
   :has() targets each card by its own link; photo replaces the gradient banner, dark scrim keeps icon legible. */
#destinations div.rounded-2xl:has(a[href="/tijuana"]) div[class*="h-32"] {
  background-image: linear-gradient(rgba(12,10,9,.38), rgba(12,10,9,.38)), url(./ux/tijuana.jpg);
  background-size: cover;
  background-position: center;
}
#destinations div.rounded-2xl:has(a[href="/valle-de-guadalupe"]) div[class*="h-32"] {
  background-image: linear-gradient(rgba(12,10,9,.38), rgba(12,10,9,.38)), url(./ux/valle-de-guadalupe.jpg);
  background-size: cover;
  background-position: center;
}
#destinations div.rounded-2xl:has(a[href="/rosarito"]) div[class*="h-32"] {
  background-image: linear-gradient(rgba(12,10,9,.38), rgba(12,10,9,.38)), url(./ux/rosarito.jpg);
  background-size: cover;
  background-position: center;
}
#destinations div.rounded-2xl:has(a[href="/ensenada"]) div[class*="h-32"] {
  background-image: linear-gradient(rgba(12,10,9,.38), rgba(12,10,9,.38)), url(./ux/ensenada.jpg);
  background-size: cover;
  background-position: center;
}
#destinations div.rounded-2xl:has(a[href="/cbx"]) div[class*="h-32"] {
  background-image: linear-gradient(rgba(12,10,9,.38), rgba(12,10,9,.38)), url(./ux/cbx.jpg);
  background-size: cover;
  background-position: center;
}
#destinations div.rounded-2xl:has(a[href="/tecate"]) div[class*="h-32"] {
  background-image: linear-gradient(rgba(12,10,9,.38), rgba(12,10,9,.38)), url(./ux/tecate.jpg);
  background-size: cover;
  background-position: center;
}
#destinations div.rounded-2xl:has(a[href="/puerto-nuevo"]) div[class*="h-32"] {
  background-image: linear-gradient(rgba(12,10,9,.38), rgba(12,10,9,.38)), url(./ux/puerto-nuevo.jpg);
  background-size: cover;
  background-position: center;
}
#destinations div.rounded-2xl:has(a[href="/baja-beach-fest"]) div[class*="h-32"] {
  background-image: linear-gradient(rgba(12,10,9,.38), rgba(12,10,9,.38)), url(./ux/baja-beach-fest.jpg);
  background-size: cover;
  background-position: center;
}

/* blog readability (2026-07-13, GO wp-rebuild-emt-blog-contrast-readable):
   explicit self-contained styles — light content card on dark shell, no Tailwind/prose dependence. */
body.blog, body.home.blog, body.single-post, body.archive { background: #0c0a09; }
.emt-blog { background: #faf8f5; color: #1c1917; border-radius: 16px;
  padding: 48px 40px; margin: 40px auto 64px; max-width: 780px; }
.emt-blog h1 { color: #1c1917; font-family: Cinzel, serif; font-size: 2.1rem;
  line-height: 1.2; margin: 0 0 1.2rem; }
.emt-blog h2, .emt-blog h3, .emt-blog h4 { color: #1c1917; font-family: Cinzel, serif;
  line-height: 1.3; margin: 1.8rem 0 .7rem; }
.emt-blog h2 { font-size: 1.45rem; } .emt-blog h3 { font-size: 1.2rem; }
.emt-blog p, .emt-blog li, .emt-blog blockquote { color: #292524; font-family: Inter, system-ui, sans-serif;
  font-size: 1.02rem; line-height: 1.75; margin: 0 0 1rem; }
.emt-blog a { color: #b45309; text-decoration: underline; text-underline-offset: 2px; }
.emt-blog a:hover { color: #92400e; }
.emt-blog h2 a { text-decoration: none; color: #1c1917; }
.emt-blog h2 a:hover { color: #b45309; }
.emt-blog img { max-width: 100%; height: auto; border-radius: 8px; }
.emt-blog article { margin: 0 0 2.2rem; }
.emt-blog article + article { border-top: 1px solid #e7e0d8; padding-top: 2.2rem; }
.emt-blog .nav-links, .emt-blog .page-numbers { color: #57534e; }
.emt-blog a.page-numbers, .emt-blog .nav-links a { color: #b45309; }
.emt-blog time, .emt-blog .posted-on, .emt-blog .entry-meta { color: #78716c; font-size: .85rem; }
@media (max-width: 640px) { .emt-blog { padding: 28px 20px; margin: 20px 12px 40px; border-radius: 12px; } }

/* WhatsApp CTAs: green BY DEFAULT everywhere (2026-07-13, phone-cta-final-fix) — never hover-only. */
a[href*="wa.me"] { color: #22c55e !important; }
a[href*="wa.me"] svg { color: #22c55e !important; stroke: #22c55e !important; }
.emt-blog a[href*="wa.me"], .bg-white a[href*="wa.me"] { color: #15803d !important; }
a[href*="wa.me"].bg-green-500, a[href*="wa.me"][class*="bg-green"] { color: #ffffff !important; }
a[href*="wa.me"][class*="bg-green"] svg { color: #fff !important; stroke: #fff !important; }