/*
Theme Name: Local Handys Plumbing Ads
Theme URI: https://localhandys.com
Author: Local Handys
Description: Google Ads-ready plumbing theme with homepage layout and legal pages.
Version: 2.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: local-handys-plumbing-ads
*/
:root{
  --red:#c8161d;
  --blue:#0b3b8c;
  --text:#0f172a;
  --muted:#475569;
  --bg:#f3f4f6;
  --card:#ffffff;
  --radius:18px;
  --shadow:0 12px 30px rgba(2,6,23,.10);
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:1180px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.08)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:240px;max-width:240px;height:auto}
.nav{display:flex;align-items:center;gap:26px;font-weight:700;color:#1f2937}
.nav a{padding:8px 6px;border-radius:10px}
.nav a:hover{background:rgba(2,6,23,.04)}
.phone-pill{background:var(--red);color:#fff;font-weight:900;border-radius:999px;padding:12px 18px;white-space:nowrap}
.phone-pill:hover{filter:brightness(.95)}

.hero-media{background:#fff}
.hero-media img{width:100%;height:auto}

.hero-copy{background:#fff;text-align:center;padding:34px 0 18px}
.hero-copy h1{margin:0 0 10px;font-size:44px;letter-spacing:-.02em}
.hero-copy p{margin:0;color:var(--muted);font-size:18px}
.hero-copy p strong{color:var(--text)}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-weight:900;border-radius:999px;padding:14px 22px;margin:18px 0 10px;box-shadow:0 10px 24px rgba(200,22,29,.22)}
.cta-btn:hover{filter:brightness(.95)}
.offer-bar{background:linear-gradient(180deg,var(--red),#b31318);color:#fff;text-align:center;padding:18px 0 12px;font-weight:950}
.offer-bar .offer{font-size:34px;margin:0}
.offer-sub{background:var(--blue);color:#fff;text-align:center;padding:10px 0;font-weight:700;font-size:14px}

.section{padding:34px 0}
.section h2{margin:0 0 18px;text-align:center;font-size:32px;letter-spacing:-.01em}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--card);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.card-body{padding:14px 14px 16px;text-align:center}
.card-title{margin:0 0 6px;font-weight:900;font-size:18px;color:#0b2f6a}
.card-text{margin:0;color:var(--muted);font-size:14px}

.page-wrap{padding:34px 0}
.page-card{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:22px}

.site-footer{padding:26px 0;color:var(--muted)}
.footer-card{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:18px}
.footer-links a{color:var(--blue);font-weight:800;margin-right:12px}

@media (max-width:1020px){
  .nav{display:none}
  .brand img{width:210px}
  .hero-copy h1{font-size:34px}
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .header-row{flex-wrap:wrap}
  .phone-pill{width:100%;text-align:center}
  .grid{grid-template-columns:1fr}
  .hero-copy h1{font-size:28px}
  .offer-bar .offer{font-size:26px}
}