/* StormHelpLine - UNIFORM BRAND OVERRIDE - v1.0 - Load LAST after styles.css / Bootstrap */
/* Purpose: unify ALL pages (desktop, mobile, landing, forms, dashboards) to Black/White/Yellow without touching PHP logic, form actions, or JS hooks. */
:root{
  --sh-black:#0A0A0A; --sh-charcoal:#1A1A1A; --sh-white:#FFFFFF; --sh-yellow:#FFD400; --sh-yellow-dark:#E6B800;
  --sh-gray:#F5F5F5; --sh-border:#E5E5E5; --sh-text:#111111; --sh-muted:#6B7280;
  --bg-primary:#FFFFFF; --bg-secondary:#F5F5F5; --text-primary:#111111; --text-secondary:#6B7280;
  --border-color:#E5E5E5; --card-bg:#FFFFFF; --navbar-bg:#0A0A0A;
}
/* HEADER - always black, horizontal logo only */
.navbar, .navbar-dark, header nav, .site-header, #navbarNav{ background:#0A0A0A !important; }
.navbar-brand img, #brand-logo{ height:52px !important; width:auto !important; max-width:360px !important; object-fit:contain; }
@media(max-width:768px){ .navbar-brand img, #brand-logo{ height:44px !important; max-width:min(280px,72vw) !important; } }
.navbar .nav-link, .navbar-nav .nav-link{ color:#fff !important; font-weight:700 !important; }
.navbar .nav-link:hover{ color:var(--sh-yellow) !important; }
.navbar-toggler{ border-color:#fff !important; }
/* BUTTONS */
.btn-primary, .btn:not(.btn-secondary):not(.btn-outline-light):not(.btn-link), button[type=submit]{ background:var(--sh-yellow) !important; color:#0A0A0A !important; border:2px solid var(--sh-yellow) !important; font-weight:800 !important; }
.btn-primary:hover, .btn:hover{ background:#E6B800 !important; border-color:#E6B800 !important; color:#0A0A0A !important; }
.btn-secondary, .btn-outline-light{ background:#0A0A0A !important; color:#fff !important; border:2px solid #0A0A0A !important; font-weight:700 !important; }
/* Kill rainbow gradients - map old palette to brand */
.bg-primary{ background:#0A0A0A !important; } .bg-info{ background:var(--sh-yellow) !important; color:#0A0A0A !important; }
.text-primary{ color:#0A0A0A !important; } .text-warning, .text-info{ color:#B89600 !important; }
a{ color:#0A0A0A; } a:hover{ color:#B89600; }
/* CARDS */
.card, .feature-card{ background:#fff !important; border:2px solid #111 !important; border-radius:12px !important; color:#111 !important; }
.card .bi, .feature-card .bi{ color:#B89600 !important; }
/* HERO / DARK SECTIONS */
.hero, .hero-section, .bg-dark{ background:#0A0A0A !important; color:#fff !important; }
.hero h1, .hero h2{ color:#fff !important; } .hero .text-yellow, .hero .accent{ color:var(--sh-yellow) !important; }
/* FORMS - keep IDs/names/actions untouched, only styling */
input, select, textarea{ border:2px solid #111 !important; border-radius:8px !important; }
input:focus, select:focus, textarea:focus{ border-color:var(--sh-yellow) !important; box-shadow:0 0 0 3px rgba(255,212,0,.35) !important; outline:none !important; }
/* MOBILE sticky call bar - add <div class="sh-sticky-call"><a href="tel:+19568332849">CALL NOW - (956) 833-2849</a></div> before </body> on landing pages */
.sh-sticky-call{ display:none; } @media(max-width:768px){ .sh-sticky-call{ display:block; position:fixed; bottom:0; left:0; right:0; z-index:9999; background:var(--sh-yellow); text-align:center; padding:14px; font-weight:900; } .sh-sticky-call a{ color:#0A0A0A; text-decoration:none; font-size:18px; } body{ padding-bottom:58px; } }
/* FOOTER */
footer{ background:#0A0A0A !important; color:#fff !important; } footer a{ color:#fff !important; } footer a:hover{ color:var(--sh-yellow) !important; }
/* DO NOT recolor admin/dashboard - excluded via body class if present */
body.admin-page .navbar, body.dashboard-page .navbar{ background:#0A0A0A !important; }
/* Legacy head.php theme toggle — never restore Bootstrap blue on public pages */
html[data-theme="light"] .navbar, html[data-theme="dark"] .navbar,
html[data-theme="light"] header nav, html[data-theme="dark"] header nav{ background:#0A0A0A !important; }
html[data-theme="dark"]{ --primary-color:#0A0A0A !important; --storm-blue:#0A0A0A !important; }
html[data-theme="dark"] .btn-primary, html[data-theme="light"] .btn-primary{ background:var(--sh-yellow)!important; border-color:var(--sh-yellow)!important; color:#0A0A0A!important; }
html[data-theme] .dropdown-item:hover{ background:rgba(255,212,0,.15)!important; color:#0A0A0A!important; }