/*
Theme Name: Concrete Lead Gen
Theme URI: https://example.com/concrete-lead-gen
Author: OpenAI
Description: Responsive, editable lead-generation WordPress theme for concrete contractors. Homepage content and business settings are configurable in the Customizer; navigation uses WordPress menus and service cards can be generated from child pages.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: concrete-lead-gen
*/
:root{--clg-primary:#c65a28;--clg-dark:#17212b;--clg-text:#374151;--clg-light:#f5f6f7;--clg-white:#fff;--clg-radius:12px;--clg-width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--clg-text);line-height:1.65;background:#fff}a{color:var(--clg-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto} .clg-container{width:min(var(--clg-width),calc(100% - 40px));margin-inline:auto}.clg-topbar{background:var(--clg-dark);color:#fff;font-size:.9rem;padding:8px 0}.clg-topbar .clg-container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.clg-header{background:#fff;position:relative;z-index:10;box-shadow:0 2px 12px #17212b0d}.clg-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.clg-brand{display:flex;align-items:center;gap:12px;color:var(--clg-dark);font-weight:800;font-size:1.25rem;line-height:1.2}.clg-brand img{max-height:58px;width:auto}.clg-brand-tagline{display:block;font-size:.72rem;color:#6b7280;font-weight:500;margin-top:4px}.clg-nav ul{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0}.clg-nav a{color:var(--clg-dark);font-weight:650;font-size:.94rem}.clg-nav .current-menu-item>a{color:var(--clg-primary)}.clg-menu-toggle{display:none;background:var(--clg-dark);color:#fff;border:0;padding:10px 13px;border-radius:6px}.clg-button{display:inline-flex;align-items:center;justify-content:center;background:var(--clg-primary);color:#fff;padding:13px 21px;border-radius:7px;font-weight:750;border:2px solid var(--clg-primary);transition:.2s}.clg-button:hover{background:transparent;color:var(--clg-primary);text-decoration:none}.clg-button--outline{background:transparent;color:#fff;border-color:#ffffffb5}.clg-button--outline:hover{background:#fff;color:var(--clg-dark)}.clg-hero{position:relative;background:var(--clg-dark);color:#fff;min-height:540px;display:flex;align-items:center;background-size:cover;background-position:center}.clg-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,23,31,.91),rgba(14,23,31,.58) 58%,rgba(14,23,31,.24))}.clg-hero-content{position:relative;padding:84px 0;max-width:760px}.clg-eyebrow{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#ffc39f;font-weight:800}.clg-hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.035em;margin:14px 0 20px;color:#fff}.clg-hero p{font-size:1.13rem;max-width:650px;color:#f1f3f5;margin:0 0 28px}.clg-actions{display:flex;gap:12px;flex-wrap:wrap}.clg-trustbar{background:var(--clg-primary);color:#fff;padding:17px 0}.clg-trustbar .clg-container{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-weight:750}.clg-section{padding:78px 0}.clg-section--soft{background:var(--clg-light)}.clg-section-heading{text-align:center;max-width:760px;margin:0 auto 38px}.clg-section-heading .clg-eyebrow{color:var(--clg-primary)}.clg-section-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.18;color:var(--clg-dark);letter-spacing:-.025em;margin:10px 0 14px}.clg-section-heading p{margin:0;color:#65707c}.clg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.clg-card{background:#fff;border:1px solid #e8eaed;border-radius:var(--clg-radius);overflow:hidden;box-shadow:0 8px 24px #17212b08}.clg-card img{width:100%;height:205px;object-fit:cover;display:block}.clg-card-body{padding:24px}.clg-card h3{margin:0 0 10px;color:var(--clg-dark);font-size:1.25rem;line-height:1.3}.clg-card p{margin:0 0 15px;color:#68727d}.clg-text-link{font-weight:800}.clg-why{background:#fff}.clg-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.clg-why-card{padding:26px 22px;background:var(--clg-light);border:1px solid #e8eaed;border-radius:var(--clg-radius)}.clg-why-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--clg-primary);color:#fff;font-weight:850;margin-bottom:16px}.clg-why-card h3{color:var(--clg-dark);font-size:1.15rem;line-height:1.3;margin:0 0 9px}.clg-why-card p{margin:0;color:#68727d;font-size:.96rem}.clg-two-col{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.clg-two-col h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.18;color:var(--clg-dark);margin:10px 0 18px}.clg-feature-image{border-radius:var(--clg-radius);width:100%;max-height:520px;object-fit:cover}.clg-check-list{padding:0;list-style:none;margin:22px 0}.clg-check-list li{padding:7px 0 7px 30px;position:relative}.clg-check-list li:before{content:"✓";position:absolute;left:0;top:7px;background:#e8f4ec;color:#207b46;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:.8rem}.clg-cta-band{background:var(--clg-dark);color:#fff;padding:56px 0}.clg-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.clg-cta-inner h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2;margin:0 0 8px}.clg-cta-inner p{color:#d7dde2;margin:0}.clg-map{height:380px;background:#e5e7eb}.clg-map iframe{width:100%;height:100%;border:0;display:block}.clg-map-placeholder{height:100%;display:grid;place-items:center;text-align:center;padding:24px;color:#4b5563}.clg-footer{background:#101820;color:#d5dbe0;padding:54px 0 22px}.clg-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}.clg-footer h3,.clg-footer h4{color:#fff;margin-top:0}.clg-footer a{color:#e8edf1}.clg-footer ul{list-style:none;padding:0;margin:0}.clg-footer li{margin:7px 0}.clg-footer-bottom{border-top:1px solid #ffffff20;margin-top:34px;padding-top:18px;font-size:.88rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.clg-page-header{background:var(--clg-light);padding:48px 0}.clg-page-header h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;color:var(--clg-dark);margin:0}.clg-content{padding:58px 0}.clg-content-inner{max-width:850px;margin:auto}.clg-content-inner h2,.clg-content-inner h3{color:var(--clg-dark)}.clg-content-inner img{border-radius:8px}.clg-pagination{margin-top:30px}.clg-pagination .nav-links{display:flex;gap:8px}.clg-pagination a,.clg-pagination span{padding:8px 12px;border:1px solid #ddd;border-radius:5px}.clg-form-note{font-size:.88rem;color:#6b7280}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.alignwide{max-width:1100px;margin-inline:auto}.alignfull{width:100%;max-width:none}.wp-block-button__link{background:var(--clg-primary);color:#fff;border-radius:6px}.widget{margin-bottom:24px}
@media(max-width:900px){.clg-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 22px;box-shadow:0 10px 18px #0001}.clg-nav.is-open{display:block}.clg-nav ul{align-items:stretch;flex-direction:column;gap:14px}.clg-menu-toggle{display:block}.clg-header-inner>.clg-header-cta{display:none}.clg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clg-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clg-two-col{gap:30px}.clg-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.clg-container{width:min(var(--clg-width),calc(100% - 30px))}.clg-hero{min-height:500px}.clg-hero-content{padding:66px 0}.clg-grid,.clg-why-grid,.clg-two-col,.clg-footer-grid{grid-template-columns:1fr}.clg-section{padding:56px 0}.clg-cta-inner{align-items:flex-start;flex-direction:column}.clg-card img{height:190px}.clg-trustbar .clg-container{display:grid;grid-template-columns:1fr 1fr;font-size:.9rem}}