/*
Theme Name: Water Damage Chicago
Theme URI: https://example.com/water-damage-chicago
Author: WDC
Author URI: https://example.com
Description: One-click Elementor-ready theme with transparent sticky header, modern homepage, service areas, and Contact Form 7.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: water-damage-chicago
*/

:root{--wdc-blue:#1e73be;--wdc-blue-accent:#0ea5e9;--wdc-text:#111827;--wdc-muted:#6b7280;--wdc-bg:#ffffff;--wdc-light:#f3f4f6}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,Helvetica,sans-serif;color:var(--wdc-text);background:#fff;line-height:1.6;margin:0}
a{color:var(--wdc-blue);text-decoration:none}a:hover{color:var(--wdc-blue-accent)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header.site-header{position:absolute;top:0;left:0;width:100%;background:transparent;z-index:999;transition:all .25s ease;border-bottom:1px solid rgba(255,255,255,.15)}
header.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.site-branding a{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:18px}
.site-branding img{height:36px;width:auto}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
.primary-nav a{color:#fff;font-weight:500}
.primary-nav a:hover{color:var(--wdc-blue-accent)}
.primary-nav li{position:relative}
.primary-nav li ul{position:absolute;top:120%;left:0;min-width:220px;background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:10px 0;display:none}
.primary-nav li:hover>ul{display:block}
.primary-nav li ul a{display:block;padding:10px 14px;color:#111827}
.primary-nav li ul a:hover{background:var(--wdc-light);color:var(--wdc-blue)}
header.site-header.sticky{position:fixed;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
header.site-header.sticky .site-branding a{color:#111827}
header.site-header.sticky .primary-nav a{color:#111827}
header.site-header.sticky .primary-nav a:hover{color:var(--wdc-blue)}
.hero{position:relative;min-height:76vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,.45), rgba(0,0,0,.25))}
.hero .content{position:relative;z-index:2}
.hero h1{font-size:48px;line-height:1.1;margin:0 0 10px}
.hero p{font-size:18px;color:#e5e7eb;margin:0 0 22px}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;background:var(--wdc-blue);color:#fff;font-weight:600}
.btn:hover{background:var(--wdc-blue-accent)}
.section{padding:64px 0}
.section.light{background:#fff}
.section.gray{background:var(--wdc-light)}
.section h2{font-size:32px;margin:0 0 24px;text-align:center}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:22px;box-shadow:0 10px 20px rgba(0,0,0,.03)}
.card h3{margin-top:0;font-size:20px}
.card p{color:var(--wdc-muted)}
footer.site-footer{background:#0b1220;color:#cbd5e1;padding:48px 0 24px;margin-top:40px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
footer a{color:#cbd5e1}
footer a:hover{color:#fff}
footer .copy{margin-top:24px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;text-align:center;color:#94a3b8}