/* Locksmith Chick — PREMIUM brand theme (gold/black/yellow). 2026-07-16 redesign.
   Re-skins EVERY inner-page template into one modern, premium brand — no content touched.
   Class targets preserved from the prior overlay so nothing breaks; styling elevated. */

:root{
  --primary:#C99A2E !important;
  --accent:#FFD400 !important;
  --dark:#141414 !important;
  --darker:#0d0d0d !important;
  --lc-yellow:#FFD400; --lc-gold:#C99A2E; --lc-gold-deep:#a97c1e;
  --lc-ink:#141414; --lc-ink2:#1c1c1c; --lc-cream:#FFFBEF; --lc-line:#ece3c9;
  --lc-shadow:0 10px 34px rgba(0,0,0,.14);
  --lc-grad-gold:linear-gradient(180deg,#FFD84D 0%,#F2B417 55%,#C99A2E 100%);
}

/* ---------- base typography polish (applies site-wide) ---------- */
body{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:.005em}
h1,h2,h3{letter-spacing:-.015em;line-height:1.14}
h1{font-weight:800}
h2{font-weight:800}
p{line-height:1.7}

/* ---------- kill any off-brand pink/crimson -> brand gold ---------- */
[style*="c2185b"],[style*="C2185B"],[style*="e84393"],[style*="E84393"]{color:#C99A2E !important;border-color:#C99A2E !important}
a{color:var(--lc-gold);text-underline-offset:2px}
a:hover{color:var(--lc-gold-deep)}
h1,h2,h3{color:#C99A2E !important}
body:has(main) h1,body:has(main) h2,body:has(main) h3{color:#141414 !important}
section.hero h1,.hero h1,section.hero h2,.hero h2{color:#fff !important}
h2{border-left-color:var(--lc-yellow) !important}

/* ---------- CTAs -> premium gold gradient pill (kills old pink/red bars) ---------- */
.cta,a.cta,button.cta,.btn,.tap-call,.callbar,.call-band,.call-bar,[class*="call-now"],[class*="cta-bar"],
#hive-callbar,[id*="callbar"],[id*="call-bar"]{
  background:var(--lc-grad-gold) !important;color:#161000 !important;border:0 !important;
  font-weight:800 !important;border-radius:999px !important;
  box-shadow:0 8px 22px rgba(201,154,46,.38) !important;
  transition:transform .15s ease,box-shadow .15s ease !important}
.cta:hover,a.cta:hover,button.cta:hover,.btn:hover,.tap-call:hover{
  transform:translateY(-1px) !important;box-shadow:0 12px 28px rgba(201,154,46,.5) !important}

/* ---------- dark nav (Type A) ---------- */
nav,nav .inner{background:rgba(17,17,17,.97);backdrop-filter:blur(6px)}
nav .logo{color:var(--lc-yellow) !important;font-weight:800}
.badge{border-color:var(--lc-gold) !important;color:var(--lc-yellow) !important}

/* ---------- banner / hero (Type B) ---------- */
.banner{background:var(--lc-ink) !important;border-bottom:2px solid var(--lc-yellow)}
.banner a{color:var(--lc-yellow) !important;font-weight:700}
.hero,section.hero{background:radial-gradient(1200px 400px at 70% -10%,rgba(201,154,46,.18),transparent 60%),linear-gradient(135deg,#161616,#0e0e12) !important}

/* ---------- trust / cards -> premium ---------- */
.trust{background:var(--lc-cream) !important;border:1px solid var(--lc-line) !important;color:#3a3a3a;border-radius:14px;box-shadow:var(--lc-shadow)}
.card,.service-card,[class*="card"]{border-radius:14px !important;box-shadow:var(--lc-shadow) !important;
  border:1px solid #ede8dc !important;transition:transform .16s ease,box-shadow .16s ease}
.card:hover,.service-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(20,20,20,.14) !important;border-color:var(--lc-gold) !important}
.glink-foot a,.nearby-areas a,.deorphan-foot a{color:var(--lc-gold) !important}

/* ---------- injected brand dock (top of every inner page) — now carries logo_v2 ---------- */
.lc-dock{position:sticky;top:0;z-index:9999;display:flex;align-items:center;gap:12px;
  background:linear-gradient(180deg,#181818,#111) !important;border-bottom:2px solid var(--lc-yellow);
  padding:8px 18px;box-shadow:0 4px 18px rgba(0,0,0,.35);
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.lc-dock img{height:46px !important;width:46px !important;border-radius:50% !important;
  background:#111 !important;object-fit:cover !important;box-shadow:0 0 0 2px var(--lc-gold),0 2px 8px rgba(0,0,0,.5) !important}
.lc-dock .lc-name{color:#fff;font-weight:800;font-size:1.02rem;line-height:1.05}
.lc-dock .lc-name b{color:var(--lc-yellow)}
.lc-dock .lc-name span{display:block;font-weight:600;font-size:.8rem;color:#cbb98f;letter-spacing:.02em}
.lc-dock .lc-sp{flex:1}
.lc-dock .lc-call{background:var(--lc-grad-gold);color:#161000;font-weight:800;text-decoration:none;
  border-radius:999px;padding:.55em 1.2em;font-size:.96rem;white-space:nowrap;
  box-shadow:0 6px 16px rgba(201,154,46,.4);transition:transform .15s ease}
.lc-dock .lc-call:hover{transform:translateY(-1px)}
@media(max-width:520px){.lc-dock .lc-name span{display:none}}

/* ---------- injected brand footer ---------- */
.lc-foot{background:linear-gradient(180deg,#111,#0a0a0a);color:#cfc9b8;padding:38px 18px;margin-top:34px;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:.92rem;line-height:1.7;
  border-top:2px solid var(--lc-gold)}
.lc-foot .lc-in{max-width:1040px;margin:0 auto;display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;justify-content:space-between}
.lc-foot a{color:var(--lc-yellow);font-weight:700;text-decoration:none}
.lc-foot .lc-phone{font-size:1.3rem;font-weight:800;color:var(--lc-yellow)}
.lc-foot .lc-legal{max-width:1040px;margin:16px auto 0;padding-top:14px;border-top:1px solid #262626;color:#8a8371;font-size:.8rem}

/* readability 2026-09-02 */
#hive-callbar{color:#161000!important}
