/* ── BUILD 194 (Eric, 2026-09-11): BLACK WRITING, EVERYTHING ──────────────
   Eric: "Just do everything in black no matter what, black text, and I'll deal
   with changing the white later." No brightness test any more -- every button
   and pill on the website takes black lettering, dark ones included. The
   `:not(#_)` repeats carry id-level weight without changing what is matched,
   which is what beats the pages' own `!important` colours. Icons drawn in the
   text colour keep white, because black would blank them out. */
button:not(#_):not(#_),
input[type=submit]:not(#_):not(#_),
.btn:not(#_):not(#_),
a.btn:not(#_):not(#_),
[class*="btn-"]:not(#_):not(#_),
[class*="-btn"]:not(#_):not(#_),
.hero-ctas a:not(#_):not(#_),
.call-btn:not(#_):not(#_),
.contact-form button:not(#_):not(#_),
.status-form button:not(#_):not(#_),
.mab-call:not(#_):not(#_),
.mab-wa:not(#_):not(#_),
.mab-book:not(#_):not(#_),
.mab-chat:not(#_):not(#_),
.mab-call span:not(#_):not(#_),
.mab-wa span:not(#_):not(#_),
.mab-book span:not(#_):not(#_),
.mab-chat span:not(#_):not(#_),
.chat-cta:not(#_):not(#_),
.chat-cta span:not(#_):not(#_),
.chat-cta b:not(#_):not(#_),
.chat-cta small:not(#_):not(#_),
.promo-cta:not(#_):not(#_),
.status-band-cta:not(#_):not(#_),
.status-ask-send:not(#_):not(#_),
.rv80-leave:not(#_):not(#_),
.trust-tags span:not(#_):not(#_),
.build-stamp:not(#_):not(#_),
.promo-close:not(#_):not(#_),
.nav-link:not(#_):not(#_),
.rating-pill:not(#_):not(#_),
.rating-pill span:not(#_):not(#_),
.rating-pill b:not(#_):not(#_) { color: #000 !important; }
.mab-call svg:not(#_):not(#_):not(#_), .mab-wa svg:not(#_):not(#_):not(#_), .mab-book svg:not(#_):not(#_):not(#_), .mab-chat svg:not(#_):not(#_):not(#_),
.chat-cta svg:not(#_):not(#_):not(#_), .icon-btn svg:not(#_):not(#_):not(#_), .icon-btn:not(#_):not(#_):not(#_) { color: #fff !important; }

/* BUILD 195 (Eric): ES goes back to red, and the nav/tab strips go back to white.
   Eric: "I said pills, not tabs." A tab switches what you are looking at; a pill
   is a button you press. Tabs keep their old lettering. */
/* BUILD 199 (Eric, 2026-09-12): whichever side is ON reads white, so it is legible on
   both the blue and the red. Off, English is blue and Espanol is red. */
.ls:not(#_):not(#_):not(#_), .lang-switch .ls:not(#_):not(#_):not(#_),
.lang-toggle a:not(#_):not(#_):not(#_) { color: #e53935 !important; }
.ls[aria-label="English"]:not(#_):not(#_):not(#_),
.lang-switch .ls[aria-label="English"]:not(#_):not(#_):not(#_) { color: #2f80ed !important; }
.ls.is-on:not(#_):not(#_):not(#_):not(#__),
.lang-switch .ls.is-on:not(#_):not(#_):not(#_):not(#__) { color: #fff !important; }
.nav-link:not(#_):not(#_):not(#_) { color: #fff !important; }

/* Canonical public EN / ES control: one paired switch everywhere. The selected
   language is filled; the available language keeps its own blue or red ink. */
html body .lang-switch:not(#_):not(#_){
  display:inline-flex !important; align-items:stretch; overflow:hidden;
  border:1px solid #344154 !important; border-radius:999px !important; background:#070d16 !important;
}
html body .lang-switch .ls:not(#_):not(#_){
  display:inline-flex !important; align-items:center; justify-content:center;
  min-width:42px !important; min-height:34px !important; padding:0 10px !important;
  font-size:12px !important; font-weight:800 !important; letter-spacing:.06em !important;
  line-height:1 !important; text-decoration:none; transition:background .15s ease, color .15s ease;
}
html body .lang-switch .ls[aria-label="English"]:not(#_):not(#_){color:#2f80ed !important;}
html body .lang-switch .ls[aria-label="Español"]:not(#_):not(#_){color:#e53935 !important;}
html body .lang-switch .ls + .ls:not(#_):not(#_){border-left:1px solid #344154 !important;}
html body .lang-switch .ls[aria-label="English"].is-on:not(#_):not(#_){background:#2f80ed !important; color:#fff !important;}
html body .lang-switch .ls[aria-label="Español"].is-on:not(#_):not(#_){background:#e53935 !important; color:#fff !important;}
html body .lang-switch .ls:not(.is-on):hover{background:rgba(255,255,255,.08) !important;}

/* BUILD 217 (Eric, 2026-09-18): the old glyph-centring rule lived here and has been
   deleted, not edited. It centred a "x" TEXT CHARACTER, which cannot be centred
   reliably -- a glyph does not sit at the optical centre of its own em box, and the
   translateY(-0.5px) that used to be on the next line was somebody already trying to
   chase that and missing. Worse, it went on fighting the real rule, so the cross could
   land differently depending on which stylesheet won.
   The one rule that draws every escape X now lives in assets/mobile-polish.css under
   "THE ESCAPE X, ONE RULE, EVERYWHERE" and draws two rotated bars instead of a letter.
   Do not re-add a glyph rule here. See UI-RULES.md 13. */