/*
Theme Name: Webb Plumbing Heating & Electrical V3 Editable
Theme URI: https://example.com/
Author: NCITE
Description: Editable Gutenberg-based standalone WordPress theme for Webb Plumbing Heating & Electrical. Starter pages are populated with native WordPress blocks; no page builder required.
Version: 3.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: webb-plumbing
*/
:root{--navy:#0b2d4f;--navy2:#123f69;--blue:#0b8dd8;--red:#df2a22;--orange:#ef4b23;--gold:#f3b51b;--ink:#17202a;--muted:#667085;--light:#f5f7f9;--white:#fff;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:var(--navy);text-decoration:none}a:hover{color:var(--blue)}img{max-width:100%;height:auto;display:block}.container{width:min(var(--max),calc(100% - 42px));margin:auto}.narrow{max-width:820px}.center{text-align:center}.note{font-size:.92rem;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);border-bottom:1px solid #e6ebef;box-shadow:0 2px 14px rgba(0,0,0,.04)}.header-row{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy)}.brand img{width:58px;height:58px;object-fit:contain}.brand-copy{line-height:1}.brand-copy strong{display:block;font-size:1.6rem;letter-spacing:.02em}.brand-copy span{display:block;font-size:.66rem;font-weight:800;letter-spacing:.1em;margin-top:6px}.main-nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0;align-items:center}.main-nav a{font-weight:750;font-size:.89rem}.header-contact{display:flex;align-items:center;gap:14px}.phone-link{font-weight:900;white-space:nowrap}.btn{display:inline-block;padding:13px 21px;border-radius:6px;font-weight:850;border:2px solid transparent;transition:.2s}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:#bd201a;color:#fff}.btn-outline{border-color:#fff;color:#fff}.btn-outline:hover{background:#fff;color:var(--navy)}.btn-white{background:#fff;color:var(--navy)}.btn-white:hover{background:#eef4f8;color:var(--navy)}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy2);color:#fff}
.hero{min-height:620px;position:relative;display:flex;align-items:center;background-image:var(--hero);background-size:cover;background-position:center}.hero-overlay,.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,27,48,.96) 0%,rgba(5,27,48,.82) 48%,rgba(5,27,48,.24) 80%)}.hero-inner{position:relative;z-index:2;color:#fff;max-width:850px;padding:90px 0}.eyebrow{font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-size:.78rem}.eyebrow.light{color:#9bdcff}.hero h1,.page-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.96;margin:14px 0 22px;letter-spacing:-.045em;text-transform:uppercase}.hero p,.page-hero p{font-size:1.18rem;max-width:720px;color:#edf4f8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;margin-top:-1px}.service-card{border-right:1px solid #e4e8eb;background:#fff}.service-card:first-child{border-left:1px solid #e4e8eb}.service-card img{width:100%;height:180px;object-fit:cover}.service-copy{padding:24px}.service-copy h2{font-size:1.25rem;text-transform:uppercase;color:var(--navy);margin:0 0 8px}.service-copy p{font-size:.96rem;color:#4e5a66;min-height:92px}.service-copy a{font-weight:900;text-transform:uppercase;font-size:.84rem;letter-spacing:.05em}
.section{padding:88px 0}.alt{background:var(--light)}.section-head{max-width:800px;margin-bottom:36px}.section-head h2,.split h2,.contact-panel h2,.form-placeholder h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.06;color:var(--navy);margin:10px 0 18px;letter-spacing:-.03em}.section-head p,.split p{font-size:1.07rem;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.feature-photo{width:100%;min-height:410px;max-height:520px;object-fit:cover;border-radius:8px;box-shadow:0 15px 40px rgba(5,31,54,.14)}.commercial-band{background:linear-gradient(120deg,#082845,#0d3b63);color:#fff}.commercial-band h2{color:#fff}.commercial-band p{color:#d9e5ee}.heritage{background:#fff}.year{font-size:clamp(4rem,8vw,7rem);font-weight:950;line-height:.9;color:var(--navy);letter-spacing:-.06em;margin:16px 0 24px}.year:after{content:"";display:block;width:54px;height:5px;background:var(--red);margin-top:18px}.center.year:after{margin:18px auto 0}
.page-hero{min-height:500px;position:relative;display:flex;align-items:center;background-image:var(--hero);background-size:cover;background-position:center}.page-hero .container{position:relative;z-index:2;color:#fff;padding:80px 0}.page-hero h1{max-width:950px}.simple-hero{background:linear-gradient(120deg,#082845,#123f69);min-height:390px}.simple-hero .eyebrow{color:#9bdcff}.service-hero{min-height:470px}.about-hero{background-position:center}.content-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.content-cards article{padding:30px;border:1px solid #e1e7ec;border-radius:10px;background:#fff;box-shadow:0 8px 28px rgba(9,38,65,.05)}.content-cards h3{color:var(--navy);margin:0 0 8px;font-size:1.35rem}.content-cards p{color:var(--muted);margin:0}.checks{list-style:none;padding:0;margin:22px 0}.checks li{padding:8px 0 8px 28px;position:relative}.checks li:before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:950}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px}.contact-panel,.form-placeholder{padding:34px;border:1px solid #e1e7ec;border-radius:10px}.contact-panel{background:var(--light)}.contact-panel a{font-size:1.35rem;font-weight:900}.fake-field{border:1px solid #d7dde3;border-radius:6px;padding:14px 16px;color:#8a949e;margin:12px 0;background:#fff}.fake-field.tall{min-height:120px}.content-wrap{padding:70px 0;max-width:880px}.content-wrap h1{font-size:3rem;color:var(--navy)}
.cta{background:var(--red);color:#fff;padding:52px 0}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{font-size:2.2rem;line-height:1.05;margin:6px 0}.cta p{margin:0;color:#ffe8e5}.cta-actions{display:flex;gap:16px;align-items:center}.cta-phone{color:#fff;font-size:1.25rem;font-weight:950}.cta-phone:hover{color:#fff}.site-footer{background:#071e35;color:#c6d4df;padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:44px}.site-footer h3{color:#fff;margin-top:0}.site-footer a{color:#edf5fb}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:6px 0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:.84rem}
@media(max-width:1080px){.main-nav{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.header-contact .phone-link{display:none}}
@media(max-width:820px){.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.content-cards{grid-template-columns:1fr}.cta-row{align-items:flex-start;flex-direction:column}.feature-photo{min-height:320px}.hero{min-height:560px}.service-grid{width:100%;grid-template-columns:1fr 1fr}.service-copy p{min-height:auto}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 28px))}.service-grid{grid-template-columns:1fr}.service-card{border-left:1px solid #e4e8eb}.brand-copy span{display:none}.header-contact .btn{padding:10px 12px;font-size:.78rem}.hero h1,.page-hero h1{font-size:2.65rem}.cta-actions{align-items:flex-start;flex-direction:column}}


/* V3 editable Gutenberg layouts */
.editable-page{overflow:hidden}.editable-page>.wp-block-group,.editable-page>.wp-block-cover{margin-top:0;margin-bottom:0}.webb-section{padding:88px max(21px,calc((100vw - var(--max))/2))}.webb-section-light{background:var(--light)}.webb-section-dark{background:linear-gradient(120deg,#082845,#0d3b63);color:#fff}.webb-section-dark h2,.webb-section-dark h3,.webb-section-dark p{color:#fff}.webb-hero{min-height:620px}.webb-hero .wp-block-cover__inner-container{width:min(var(--max),calc(100% - 42px));margin:auto}.webb-hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.96;letter-spacing:-.045em;text-transform:uppercase;max-width:900px;margin:12px 0 22px}.webb-hero p{font-size:1.18rem;max-width:720px}.webb-eyebrow{font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;color:#76c8f4;margin-bottom:8px}.webb-section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;color:var(--navy);letter-spacing:-.03em}.webb-section-dark h2{color:#fff}.webb-service-grid.wp-block-columns{gap:0;margin:0 auto;width:min(var(--max),calc(100% - 42px));padding:0}.webb-service-grid>.wp-block-column{border-right:1px solid #e4e8eb;border-bottom:1px solid #e4e8eb}.webb-service-grid>.wp-block-column:first-child{border-left:1px solid #e4e8eb}.webb-service-card{height:100%;padding-bottom:24px}.webb-service-card .wp-block-image img{width:100%;height:190px;object-fit:cover}.webb-service-card h3,.webb-service-card p,.webb-service-card .wp-block-buttons{margin-left:24px;margin-right:24px}.webb-service-card h3{color:var(--navy);text-transform:uppercase;margin-top:22px;margin-bottom:8px}.webb-service-card p{color:#4e5a66}.webb-split.wp-block-columns{gap:58px;align-items:center}.webb-feature-image img{width:100%;min-height:410px;max-height:520px;object-fit:cover;border-radius:8px;box-shadow:0 15px 40px rgba(5,31,54,.14)}.webb-checks{padding-left:1.2em}.webb-checks li{margin:.45em 0}.webb-year{font-size:clamp(4rem,8vw,7rem);font-weight:950;line-height:.9;color:var(--navy);letter-spacing:-.06em}.webb-contact-card{padding:30px;background:#fff;border:1px solid #e1e7ec;border-radius:10px;box-shadow:0 8px 28px rgba(9,38,65,.05)}.webb-contact-card h3{color:var(--navy)}.webb-editor-note{border-left:4px solid var(--gold);padding:14px 18px;background:#fff8df;font-size:.92rem}.wp-block-button__link{border-radius:6px;font-weight:850}.is-style-fill .wp-block-button__link{background:var(--red)}.webb-outline .wp-block-button__link{background:transparent;border:2px solid #fff;color:#fff}.webb-navy .wp-block-button__link{background:var(--navy);color:#fff}
@media(max-width:900px){.webb-service-grid.wp-block-columns{flex-wrap:wrap}.webb-service-grid>.wp-block-column{flex-basis:50%!important}.webb-split.wp-block-columns{flex-wrap:wrap}.webb-split>.wp-block-column{flex-basis:100%!important}.webb-hero{min-height:540px}}
@media(max-width:600px){.webb-section{padding:60px 20px}.webb-service-grid.wp-block-columns{width:100%}.webb-service-grid>.wp-block-column{flex-basis:100%!important}.webb-hero .wp-block-cover__inner-container{width:calc(100% - 28px)}.webb-hero h1{font-size:2.65rem}}

/* V3.2 editable logo sizing */
.site-header .brand:has(.custom-logo-link){flex:0 0 auto;}
.site-header .custom-logo-link{display:block;line-height:0;}
.site-header .custom-logo-link img.custom-logo{width:auto;height:auto;max-height:none;object-fit:contain;}