/*
Theme Name: Bell County Insulation
Theme URI: https://insulationcompanybellcounty.com/
Author: Everything Digital Marketing
Author URI: https://everythingdigitalmarketing.com/
Description: Lead generation theme for insulationcompanybellcounty.com. On activation it builds every page, menu, image and setting for the site. Business details (phone, lead email, hours) live under Appearance, Customize, Business Details.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bci
*/

:root{
  --bci-navy:#0E1A2B;
  --bci-navy-2:#1B2A40;
  --bci-ink:#1C2633;
  --bci-body:#3A4554;
  --bci-muted:#55606E;
  --bci-line:#E3DFD8;
  --bci-line-2:#DAD6CE;
  --bci-field:#B9B3A9;
  --bci-sand:#F6F4F0;
  --bci-accent:#C2410C;
  --bci-accent-dark:#9A330A;
  --bci-accent-soft:#F0A27F;
  --bci-white:#FFFFFF;
  --bci-foot:#0A1322;
  --bci-radius:12px;
  --bci-display:'Archivo',system-ui,sans-serif;
  --bci-text:'Source Sans 3',system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--bci-text);font-size:17px;line-height:1.6;color:var(--bci-ink);background:var(--bci-white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--bci-navy)}
a:hover{color:var(--bci-accent)}
h1,h2,h3,h4{font-family:var(--bci-display);color:var(--bci-navy);line-height:1.12;margin:0 0 .5em;font-weight:800}
p{margin:0 0 1em}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:1000;background:#fff;padding:12px 16px;clip:auto;width:auto;height:auto}
:focus-visible{outline:3px solid var(--bci-accent);outline-offset:2px}

.bci-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.bci-wrap--narrow{max-width:960px}
.bci-sec{padding:88px 0}
.bci-sec--sand{background:var(--bci-sand)}
.bci-sec--navy{background:var(--bci-navy);color:#fff}
.bci-sec--navy h2,.bci-sec--navy h3{color:#fff}
.bci-sec--navy p{color:#C9D1DC}
.bci-sec--tight{padding:64px 0}
.bci-eyebrow{font-family:var(--bci-display);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--bci-accent);margin-bottom:12px}
.bci-sec--navy .bci-eyebrow{color:var(--bci-accent-soft)}
.bci-h2{font-size:40px;margin-bottom:16px}
.bci-lead{font-size:19px;color:var(--bci-body);max-width:720px}
.bci-sec--navy .bci-lead{color:#C9D1DC}
.bci-head{display:flex;flex-wrap:wrap;gap:16px 48px;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
.bci-head>div{flex:1 1 520px}
.bci-head>p{flex:1 1 340px;margin:0;color:var(--bci-muted)}

/* Buttons */
.bci-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:6px;font-weight:700;font-size:18px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:var(--bci-text);line-height:1.2;text-align:center}
.bci-btn--accent{background:var(--bci-accent);color:#fff}
.bci-btn--accent:hover{background:var(--bci-accent-dark);color:#fff}
.bci-btn--outline{border-color:var(--bci-navy);color:var(--bci-navy);background:transparent}
.bci-btn--outline:hover{background:var(--bci-navy);color:#fff}
.bci-btn--light{background:#fff;color:var(--bci-navy)}
.bci-btn--ghost{border-color:#fff;color:#fff}
.bci-btn--ghost:hover{background:#fff;color:var(--bci-navy)}
.bci-btn--sm{min-height:48px;font-size:16px;padding:0 20px}
.bci-actions{display:flex;flex-wrap:wrap;gap:14px}

/* Header */
.bci-header{background:#fff;border-bottom:1px solid var(--bci-line);position:sticky;top:0;z-index:50}
.admin-bar .bci-header{top:32px}
.bci-header__in{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1240px;margin:0 auto}
.bci-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--bci-navy)}
.bci-logo__mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:var(--bci-navy);color:#fff;font-family:var(--bci-display);font-weight:800;font-size:16px;letter-spacing:.04em}
.bci-logo__name{font-family:var(--bci-display);font-weight:800;font-size:19px}
.bci-logo img{max-height:48px;width:auto}
.bci-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 24px}
.bci-nav a{text-decoration:none;font-weight:600;font-size:16px;display:inline-block;padding:8px 0}
.bci-nav .sub-menu{display:none}
.bci-header__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.bci-header__phone{font-weight:700;text-decoration:none;min-height:48px;display:inline-flex;align-items:center;gap:8px}
.bci-menu-toggle{display:none;background:none;border:2px solid var(--bci-navy);border-radius:6px;min-height:44px;padding:0 14px;font:inherit;font-weight:700;color:var(--bci-navy)}

/* Hero */
.bci-hero{background:var(--bci-sand)}
.bci-hero__in{display:flex;flex-wrap:wrap;gap:48px;align-items:stretch;padding:72px 24px;max-width:1240px;margin:0 auto}
.bci-hero--inner .bci-hero__in{padding-top:24px}
.bci-hero__text{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.bci-hero h1{font-size:56px;line-height:1.05;margin:4px 0 20px}
.bci-hero__sub{font-size:20px;color:var(--bci-body);margin:0 0 32px}
.bci-hero__media{flex:1 1 440px;min-height:400px;border-radius:var(--bci-radius);overflow:hidden;background:var(--bci-navy-2)}
.bci-hero__media img{width:100%;height:100%;object-fit:cover}
.bci-breadcrumb{font-size:14px;color:var(--bci-muted);flex-basis:100%;margin-bottom:16px}
.bci-breadcrumb a{color:var(--bci-muted)}
.bci-breadcrumb span[aria-hidden]{margin:0 6px}

/* Badges */
.bci-badges{background:var(--bci-navy);color:#fff}
.bci-badges__in{max-width:1240px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.bci-badge{border-left:3px solid var(--bci-accent-soft);padding-left:16px}
.bci-badge strong{display:block;font-family:var(--bci-display);font-weight:800;font-size:28px;line-height:1.2}
.bci-badge span{color:#C9D1DC}

/* Grids & cards */
.bci-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.bci-grid--4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.bci-card{display:flex;background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;color:var(--bci-ink);min-height:150px;border:1px solid var(--bci-line)}
.bci-sec--sand .bci-card{border-color:transparent}
.bci-card:hover{box-shadow:0 0 0 2px var(--bci-accent)}
.bci-card__img{flex:0 0 150px;background:var(--bci-navy-2)}
.bci-card__img img{width:100%;height:100%;object-fit:cover}
.bci-card__body{padding:20px 22px}
.bci-card__title{font-family:var(--bci-display);font-weight:800;font-size:20px;color:var(--bci-navy);margin:0 0 6px;line-height:1.2}
.bci-card__body p{margin:0 0 10px;color:var(--bci-muted);font-size:16px}
.bci-more{font-weight:700;color:var(--bci-accent)}
.bci-tile{background:#fff;border-radius:10px;padding:24px;text-decoration:none;color:var(--bci-ink);display:block;border:1px solid var(--bci-line)}
.bci-sec--sand .bci-tile{border-color:transparent}
.bci-tile:hover{box-shadow:0 0 0 2px var(--bci-accent)}
.bci-tile h3{font-size:20px;margin:0 0 6px}
.bci-tile p{color:var(--bci-muted);font-size:16px;margin:0 0 10px}

/* Numbered benefits */
.bci-numbered{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));border-top:1px solid var(--bci-line)}
.bci-numbered>div{padding:28px 28px 28px 0;border-bottom:1px solid var(--bci-line)}
.bci-num{font-family:var(--bci-display);font-weight:800;font-size:15px;color:var(--bci-accent)}
.bci-numbered h3{font-size:21px;margin:6px 0}
.bci-numbered p{margin:0;color:var(--bci-muted)}

/* Steps */
.bci-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}
.bci-steps .bci-step-num{font-family:var(--bci-display);font-weight:800;font-size:44px;line-height:1;color:var(--bci-accent-soft)}
.bci-steps h3{font-size:21px;margin:12px 0 6px}

/* Split */
.bci-split{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.bci-split>*{flex:1 1 440px;min-width:0}
.bci-split__media{border-radius:var(--bci-radius);overflow:hidden;min-height:340px;background:var(--bci-navy-2)}
.bci-split__media img{width:100%;height:100%;object-fit:cover}
.bci-split--top{align-items:flex-start}
.bci-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.bci-pairs h3{font-size:19px;margin:0 0 4px}
.bci-pairs p{margin:0;color:var(--bci-muted)}

/* Lists */
.bci-checks{list-style:none;margin:0;padding:28px;background:var(--bci-sand);border-radius:var(--bci-radius);display:flex;flex-direction:column;gap:16px}
.bci-checks li{position:relative;padding-left:34px}
.bci-checks li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2410C' stroke-width='2.5'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E")}
.bci-chips{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}
.bci-chips li,.bci-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;font-weight:600}
.bci-sec--navy .bci-chips li{border:1px solid #3B4D66}
.bci-chips a{background:var(--bci-sand);text-decoration:none;font-weight:700}
.bci-tiles-plain{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.bci-tiles-plain li{min-height:64px;display:flex;align-items:center;padding:0 20px;background:var(--bci-sand);border-radius:8px;font-weight:700;color:var(--bci-navy)}
.bci-linklist{display:flex;flex-direction:column;border-top:1px solid var(--bci-line-2);list-style:none;margin:0;padding:0}
.bci-linklist a{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:1px solid var(--bci-line-2);text-decoration:none;font-weight:700}
.bci-linklist a::after{content:"\2192";color:var(--bci-accent)}

/* Prose */
.bci-prose{max-width:780px}
.bci-prose h2{font-size:34px;margin-top:1.4em}
.bci-prose h2:first-child{margin-top:0}
.bci-prose h3{font-size:23px;margin-top:1.3em}
.bci-prose p,.bci-prose li{color:var(--bci-body)}
.bci-prose ul,.bci-prose ol{padding-left:22px;margin:0 0 1em}
.bci-prose li{margin-bottom:.4em}
.bci-prose table{width:100%;border-collapse:collapse;margin:0 0 1.5em;font-size:16px}
.bci-table-wrap{overflow-x:auto;border:1px solid var(--bci-line);border-radius:10px;margin:0 0 1.5em}
.bci-table-wrap table{margin:0;min-width:560px}
.bci-prose th,.bci-prose td{text-align:left;padding:14px 18px;border-top:1px solid var(--bci-line);vertical-align:top}
.bci-prose thead th{background:var(--bci-sand);border-top:0}
.bci-note{background:var(--bci-sand);border-radius:10px;padding:20px 24px;color:var(--bci-body)}

/* FAQ */
.bci-faq{border-top:1px solid var(--bci-line)}
.bci-faq details{border-bottom:1px solid var(--bci-line);padding:20px 0}
.bci-faq summary{font-weight:700;font-size:18px;cursor:pointer;color:var(--bci-navy);list-style-position:outside}
.bci-faq .bci-faq__a{margin-top:12px;color:var(--bci-body)}
.bci-faq .bci-faq__a ul{margin:0;padding-left:22px}

/* Map */
.bci-map{background:#fff;border:1px solid var(--bci-line);border-radius:var(--bci-radius);padding:16px}

/* Forms */
.bci-form{background:#fff;border:1px solid var(--bci-line);border-radius:var(--bci-radius);padding:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bci-sec--sand .bci-form{border-color:transparent}
.bci-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}
.bci-form .bci-full{grid-column:1/-1}
.bci-form input[type=text],.bci-form input[type=tel],.bci-form input[type=email],.bci-form select,.bci-form textarea{min-height:48px;padding:0 14px;border:1px solid var(--bci-field);border-radius:6px;font:inherit;font-weight:400;background:#fff;color:var(--bci-ink);width:100%}
.bci-form textarea{padding:12px 14px;min-height:120px;resize:vertical}
.bci-form .bci-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:96px;border:2px dashed var(--bci-field);border-radius:8px;color:var(--bci-muted);font-weight:400;padding:12px;text-align:center}
.bci-form .bci-drop strong{color:var(--bci-navy)}
.bci-form button{grid-column:1/-1}
.bci-form .bci-fine{grid-column:1/-1;font-size:13px;color:var(--bci-muted);margin:0}
.bci-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.bci-form-msg{grid-column:1/-1;padding:14px 16px;border-radius:8px;background:#FDECEC;color:#8A1C1C;font-weight:600}
.bci-estimate{display:flex;flex-wrap:wrap;gap:48px}
.bci-estimate__intro{flex:1 1 380px}
.bci-estimate .bci-form{flex:1 1 520px}
.bci-step-list{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;padding:0}
.bci-step-list li{display:flex;gap:14px;align-items:flex-start}
.bci-step-list b{flex:none;width:32px;height:32px;border-radius:50%;background:var(--bci-sand);color:var(--bci-accent);font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.bci-contact-lines{display:flex;flex-direction:column;gap:8px;font-weight:600}

/* Blog */
.bci-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.bci-post-card{border:1px solid var(--bci-line);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.bci-post-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.bci-post-card__body{padding:22px}
.bci-post-card h2{font-size:22px}
.bci-post-card h2 a{text-decoration:none}
.bci-meta{font-size:14px;color:var(--bci-muted);margin-bottom:8px}
.bci-single-hero{background:var(--bci-sand);padding:48px 0 40px}
.bci-single-hero h1{font-size:46px;max-width:900px}
.bci-feature{border-radius:var(--bci-radius);overflow:hidden;margin:0 0 32px}
.bci-pagination{margin-top:40px;display:flex;gap:12px}

/* CTA band + footer */
.bci-cta-band{background:var(--bci-foot);color:#fff;padding:56px 0}
.bci-cta-band .bci-wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.bci-cta-band h2{color:#fff;font-size:30px;margin:0;flex:1 1 420px}
.bci-footer{background:var(--bci-foot);color:#AEB8C6;font-size:15px;padding:0 0 32px;border-top:1px solid #22314A}
.bci-footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;padding:48px 24px 0;max-width:1240px;margin:0 auto}
.bci-footer h3{color:#fff;font-family:var(--bci-text);font-size:16px;font-weight:700;margin:0 0 10px}
.bci-footer ul{list-style:none;margin:0;padding:0}
.bci-footer li{margin:0 0 6px}
.bci-footer a{color:#AEB8C6;text-decoration:none}
.bci-footer a:hover{color:#fff}
.bci-footer__brand{font-family:var(--bci-display);font-weight:800;color:#fff;font-size:18px;margin-bottom:10px}
.bci-footer__bottom{max-width:1240px;margin:40px auto 0;padding:20px 24px 0;border-top:1px solid #22314A;font-size:13px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}

/* Mobile call bar */
.bci-callbar{display:none}

/* Entry content wrapper: html sections run full width */
.bci-entry>.bci-sec:first-child{}

@media (max-width: 900px){
  .bci-hero h1{font-size:36px}
  .bci-hero__in{padding:40px 24px;gap:32px}
  .bci-hero__media{min-height:240px;flex-basis:100%}
  .bci-header__in{gap:10px 12px;padding:12px 16px}
  .bci-logo__name{font-size:16px}
  .bci-logo__mark{width:38px;height:38px;font-size:14px}
  .bci-badges__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px 16px}
  .bci-badge strong{font-size:21px}
  .bci-badge span{font-size:15px}
  .bci-wrap{padding:0 16px}
  .bci-numbered>div{padding-right:0}
  .bci-h2{font-size:32px}
  .bci-sec{padding:64px 0}
  .bci-menu-toggle{display:inline-flex;align-items:center}
  .bci-nav{display:none;flex-basis:100%}
  .bci-nav.is-open{display:block}
  .bci-nav ul{flex-direction:column;gap:0}
  .bci-nav a{padding:12px 0;border-bottom:1px solid var(--bci-line);display:block}
  .bci-header__cta{display:none}
  .bci-callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--bci-navy);padding:10px 12px;gap:10px;box-shadow:0 -4px 16px rgba(0,0,0,.18)}
  .bci-callbar a{flex:1;min-height:48px;font-size:16px;padding:0 10px}
  body{padding-bottom:72px}
  .bci-form{grid-template-columns:1fr;padding:22px}
  .bci-pairs{grid-template-columns:1fr}
  .bci-card__img{flex-basis:110px}
  .bci-single-hero h1{font-size:34px}
}
@media (max-width: 782px){.admin-bar .bci-header{top:46px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}