/*
Theme Name:  Williams Lift Guide
Description: Custom theme for WilliamsLiftGuide.com
Version:     2.0.0
Author:      William
License:     GPL2
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.7;color:#1a1a2e;background:#fff;}
a{color:#1a3a6e;text-decoration:none;transition:color .2s;}
a:hover{color:#c0a050;}
img{max-width:100%;height:auto;display:block;}
ul{list-style:none;}
.container{max-width:1100px;margin:0 auto;padding:0 24px;}

/* HEADER */
.site-header{background:#fff;border-bottom:3px solid #1a3a6e;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(26,58,110,.1);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;max-width:1100px;margin:0 auto;}
.site-logo-link{display:flex;align-items:center;text-decoration:none;}
.site-logo-link img{height:144px;width:auto;display:block;}

/* NAV */
.site-nav ul{display:flex;gap:4px;align-items:center;}
.site-nav ul li a{display:block;padding:8px 13px;font-size:.9rem;font-weight:600;color:#1a3a6e;border-radius:6px;transition:background .2s;}
.site-nav ul li a:hover{background:#eef2fa;}
.site-nav ul li.nav-cta a{background:#1a3a6e;color:#fff;padding:9px 18px;border-radius:8px;}
.site-nav ul li.nav-cta a:hover{background:#c0a050;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px;}
.nav-toggle span{display:block;width:24px;height:2px;background:#1a3a6e;border-radius:2px;}

/* HERO */
.hero{background:linear-gradient(135deg,#1a3a6e 0%,#0d2550 60%,#1a3a6e 100%);color:#fff;padding:80px 24px 70px;text-align:center;}
.hero-inner{max-width:760px;margin:0 auto;}
.hero h1{font-size:2.6rem;font-weight:800;line-height:1.15;margin-bottom:18px;}
.hero h1 span{color:#c0a050;}
.hero>div>p{font-size:1.1rem;opacity:.9;margin-bottom:32px;max-width:580px;margin-left:auto;margin-right:auto;}
.hero-badges{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:32px;}
.hero-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:7px 16px;border-radius:30px;font-size:.88rem;}

/* BUTTONS */
.btn{display:inline-block;padding:13px 30px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:all .2s;text-decoration:none;}
.btn-primary{background:#c0a050;color:#1a1a1a;}
.btn-primary:hover{background:#a88030;color:#fff;transform:translateY(-1px);}
.btn-secondary{background:#fff;color:#1a3a6e;border:2px solid #1a3a6e;}
.btn-secondary:hover{background:#1a3a6e;color:#fff;}
.btn-lg{padding:16px 36px;font-size:1.1rem;}

/* TRUST BAR */
.trust-bar{background:#f5f7fc;border-bottom:1px solid #e0e8f5;padding:16px 24px;}
.trust-bar-inner{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;max-width:1100px;margin:0 auto;}
.trust-item{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#1a3a6e;font-weight:600;}

/* SECTIONS */
.section{padding:64px 24px;}
.section-alt{background:#f5f7fc;}
.section-dark{background:#1a3a6e;color:#fff;}
.section-header{text-align:center;margin-bottom:44px;}
.section-header h2{font-size:1.9rem;font-weight:800;color:#1a1a2e;margin-bottom:10px;}
.section-dark .section-header h2{color:#fff;}
.section-header p{font-size:1rem;color:#555;max-width:540px;margin:0 auto;}
.section-dark .section-header p{color:rgba(255,255,255,.8);}

/* CARDS */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;max-width:1100px;margin:0 auto;}
.card{background:#fff;border:1px solid #dce6f5;border-radius:12px;padding:26px 22px;transition:box-shadow .2s,transform .2s;}
.card:hover{box-shadow:0 8px 28px rgba(26,58,110,.12);transform:translateY(-2px);}
.card-icon{font-size:2rem;margin-bottom:12px;}
.card h3{font-size:1rem;font-weight:700;color:#1a3a6e;margin-bottom:8px;}
.card p{font-size:.9rem;color:#555;}
.dark-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);}

/* HOMEPAGE FORM */
.home-form-section{padding:64px 24px;}
.home-form-inner{max-width:600px;margin:0 auto;background:#fff;border:2px solid #1a3a6e;border-radius:16px;padding:44px 48px;box-shadow:0 12px 40px rgba(26,58,110,.1);}
.home-form-inner h2{font-size:1.7rem;font-weight:800;color:#1a3a6e;margin-bottom:8px;text-align:center;}
.home-form-inner .form-sub{text-align:center;color:#666;margin-bottom:24px;}

/* FOOTER */
.site-footer{background:#0d2550;color:rgba(255,255,255,.8);padding:48px 24px 24px;}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:36px;}
.footer-logo-wrap a{display:inline-block;background:#fff;border-radius:10px;padding:8px 14px;margin-bottom:14px;}
.footer-logo-wrap img{height:90px;width:auto;display:block;}
.footer-logo-wrap p{font-size:.88rem;color:rgba(255,255,255,.65);max-width:280px;line-height:1.6;}
.footer-col h4{color:#c0a050;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;}
.footer-col ul li{margin-bottom:8px;}
.footer-col ul li a{color:rgba(255,255,255,.75);font-size:.88rem;}
.footer-col ul li a:hover{color:#c0a050;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;text-align:center;font-size:.8rem;color:rgba(255,255,255,.4);max-width:1100px;margin:0 auto;}

/* INNER PAGES */
.page-content{max-width:860px;margin:0 auto;padding:48px 24px;}

/* MOBILE */
@media(max-width:768px){
    .nav-toggle{display:flex;}
    .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:3px solid #1a3a6e;padding:16px 24px;box-shadow:0 8px 24px rgba(0,0,0,.1);}
    .site-nav.open{display:block;}
    .site-nav ul{flex-direction:column;gap:4px;}
    .hero h1{font-size:1.8rem;}
    .footer-inner{grid-template-columns:1fr;gap:28px;}
    .home-form-inner{padding:28px 20px;}
    .trust-bar-inner{gap:14px;}
}