
/* Corrections already agreed after the HTML prototypes */
:root{--bf-content-width:1180px;--bf-nav-size:15px;--bf-body-size:16px;--bf-heading-scale:1;--bf-section-pad:76px;--bf-hero-pad:clamp(28px,5vw,86px);--bf-logo-width:220px;--bf-button-radius:5px}
body{font-size:var(--bf-body-size)}.container{max-width:var(--bf-content-width)}.section{padding-block:var(--bf-section-pad)}
.hero-grid,.bf-local .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:none;margin:0}
.hero-copy,.bf-local .hero-copy{padding:70px 44px 70px var(--bf-hero-pad);min-width:0}
.headinner nav a,.bf-local .headinner nav a{font-size:var(--bf-nav-size)}
.brand img,.bf-local .brand img{width:var(--bf-logo-width);max-width:100%;height:auto}
.btn,.bf-local .btn{border-radius:var(--bf-button-radius)}
.faq,.bf-local .faq{max-width:100%}
h1{font-size:calc(clamp(2.8rem,5vw,4.6rem) * var(--bf-heading-scale))}
h2{font-size:calc(clamp(2rem,3.35vw,2.9rem) * var(--bf-heading-scale))}
#wpadminbar img.avatar,#wpadminbar .avatar{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;object-fit:cover!important}
.bf-logo-wrap{display:block;text-decoration:none;flex-shrink:0}.bf-location-tag{display:block;letter-spacing:.24em;text-align:center;color:var(--tan);font-weight:750;font-size:11px;margin-top:-4px}.bf-header-phone{font-size:14px;white-space:nowrap;text-decoration:none;font-weight:700}.bf-empty{padding:24px;border:1px dashed #ccd6cb;border-radius:7px;background:white;color:#61736a}.bf-hidden{display:none!important}.bf-gallery-image{width:100%;height:240px;object-fit:cover}.bf-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bf-reviews blockquote{margin:0;padding:25px;border:1px solid var(--line);border-radius:7px;background:white}.bf-reviews cite{display:block;margin-top:14px;color:var(--muted);font-style:normal}.bf-footer{background:#102f28;color:#dfeae3;padding:56px 0}.bf-footer a{color:inherit}.bf-editor-copy p{margin-block:10px}.bf-local .brand img{width:var(--bf-logo-width)}
@media(max-width:1100px){.headinner,.bf-local .headinner{flex-wrap:wrap;gap:12px}.headinner nav,.bf-local .headinner nav{order:5;flex-basis:100%;justify-content:center;gap:14px;flex-wrap:wrap;padding-bottom:12px}.headinner nav a,.bf-local .headinner nav a{font-size:14px}}
@media(max-width:760px){.hero-grid,.bf-local .hero-grid{grid-template-columns:1fr}.hero-copy,.bf-local .hero-copy{padding:50px 26px}.hero-photo,.hero-image{min-height:330px}.bf-reviews{grid-template-columns:1fr}.section{padding:52px 0}}

.bf-local .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bf-local .project-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.bf-local .project-card .pc-copy{padding:22px}.bf-local .photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bf-local .photo-wrap{margin:0;position:relative;min-height:210px}.bf-local .photo-wrap img{width:100%;height:240px;object-fit:cover}.bf-local .case-layout-new{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:38px}.bf-local .case-panel{background:#edf2ed;padding:28px;border-radius:8px;align-self:start}.bf-local .subhero{background:#143d35;color:white;padding:55px 0}.bf-local .subhero h1{color:white}.bf-local .bf-editor-copy{line-height:1.7}.bf-local .photo-label{position:absolute;bottom:10px;left:10px;background:#143d35;color:white;padding:5px 10px;font-size:11px;letter-spacing:.1em}@media(max-width:760px){.bf-local .project-grid,.bf-local .case-layout-new{grid-template-columns:1fr}}

/* v3.0.2: original no-search hero and national quote form */
.bf-hero-browse{margin-top:4px}.bf-quote-section{background:#edf2ed}.bf-quote-form{max-width:850px;margin-top:26px}.bf-setup-message{border-left:3px solid #c39460;background:#fff8eb;padding:14px 18px;max-width:760px}.bf-quote-section .lead{max-width:750px}

/* 3.0.5: local demo galleries and case-studies use their existing full-width layout. */
.bf-local main{display:block;width:100%;max-width:none;min-width:0}
.bf-local main>section{display:block;width:100%;clear:both}
.bf-local main>section>.container,.bf-local main>.container{width:100%;max-width:var(--bf-content-width,1180px);margin-inline:auto}
.bf-local .bf-breadcrumb{font-size:13px;display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding-top:18px;padding-bottom:18px;color:#61736a}
.bf-local .bf-breadcrumb a{text-decoration:none;color:#20584d}
.bf-local .bf-breadcrumb a:hover{text-decoration:underline}
.bf-local .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bf-local .project-card{min-width:0}
.bf-local .case-layout-new{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:38px}
@media(max-width:760px){.bf-local .project-grid,.bf-local .case-layout-new{grid-template-columns:1fr}}

/* 3.0.6: correct container width on full-width location sections; preserve original copy */
.bf-local section.section.lead{max-width:none;width:100%;margin-inline:0}
.bf-local section.section.lead>.container{max-width:var(--bf-content-width,1180px);margin-inline:auto;width:100%}
.bf-local .section .container.price-grid{display:grid;width:100%;max-width:var(--bf-content-width,1180px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bf-local .section .container.price-grid>*{min-width:0}
.bf-local .project-card .photo-wrap img,.bf-local .case-layout-new .photo-wrap img{display:block;width:100%;height:240px;object-fit:cover}
.bf-local .project-card .photo-wrap{min-width:0}
@media(max-width:760px){.bf-local .section .container.price-grid{grid-template-columns:1fr}}

/* Full-width local quote section; `.lead` is a text utility in the original design. */
.bf-local section#quote.section.lead {max-width:none;width:100%;}
.bf-local section#quote.section.lead > .container {max-width:1180px;margin-inline:auto;}

/* Private Leeds quotation: the full approved two-column section, never .lead text width. */
.bf-local .bf-quote-section {max-width:none;width:100%;}
.bf-local .bf-quote-section .leadgrid {max-width:1180px;width:100%;}
.bf-local .bf-fluent-form-slot {min-width:0;}
.bf-local .bf-fluent-form-slot .ff-el-group {max-width:100%;}

/* Private Leeds demo: keep the approved green full-width quote band without a .lead width constraint. */
.bf-local section.bf-quote-section{background:var(--green);color:#fff;width:100%;max-width:none;margin-inline:0}
.bf-local .bf-quote-section .leadgrid{max-width:1180px;width:100%}
.bf-local .bf-quote-section .bf-fluent-form-slot{min-width:0}

/* v3.0.11: Match desktop local navigation typography to the national menu.
   Uses the same editable navigation-size setting; mobile menu is unchanged. */
@media (min-width:901px) {
  body.bf-local .header .headinner nav#bf-primary-nav a {
    font-size: var(--bf-nav-size);
    font-weight: 650;
  }
}

/* v3.0.12: One existing Customiser control governs national and local navigation at all widths. */
body .header .headinner nav#bf-primary-nav a { font-size:var(--bf-nav-size); }
