/* BurfordCottages.com - Cotswolds look (redo build design, 6 Oct 2026). Loaded after burford.css + listings.css.
   Matches cotswoldsgroupcottages.co.uk desktop + mobile: full-bleed photo hero, sage stats strip, centred serif
   section heads with small uppercase eyebrows, dark photo panels, white tile grid, square uppercase buttons,
   tick-list cards, deep green footer. Re-coloured for Burford: honey stone CTA, sage, cream, deep green.
   Bump with: python emd.py bust burfordcottages.com css/look.css */
:root{
	--bc-cream:#f5f3ee;
	--bc-paper:#fff;
	--bc-green:#263a30;
	--bc-green-2:#33493d;
	--bc-strip:#8ea592;
	--bc-cta:#9b6b2c;
	--bc-cta-d:#7f5621;
	--bc-r:6px;
	--bc-shadow:0 8px 24px rgba(30,35,25,.10);
}
body{background:var(--bc-cream);margin:0}
body h1,body h2,body h3{font-weight:400}

/* Buttons */
.bc-btn{border-radius:3px;background:var(--bc-cta);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:500;padding:0 24px;min-height:46px}
.bc-btn:hover{background:var(--bc-cta-d)}
.bc-btn--stone{background:var(--bc-cta);color:#fff!important}
.bc-btn--stone:hover{background:var(--bc-cta-d);color:#fff!important}
.bc-btn--sm{min-height:40px;padding:0 16px;font-size:12px}
.bc-btn--ghost{background:transparent;border:1px solid #fff;color:#fff!important}
.bc-btn--ghost:hover{background:rgba(255,255,255,.14)}
.bc-btn--line{background:#fff;border:1px solid var(--bc-ink);color:var(--bc-ink)!important;text-transform:none;letter-spacing:0;font-size:15px;font-weight:400}
.bc-btn--line:hover{background:var(--bc-ink);color:#fff!important}

/* Header: white bar, logo left, menu right, sage strip below */
.bc-header{background:#fff;border-bottom:0;box-shadow:0 1px 0 rgba(0,0,0,.07)}
.bc-top{border-radius:3px;font-size:14px}
.bc-top:hover,.bc-top[aria-expanded="true"]{background:var(--bc-cream);color:var(--bc-green)}
@media (min-width:1024px){.bc-nav{margin:0 0 0 auto}}
.bc-strip{background:var(--bc-sage);color:#fff;text-align:center;font:500 12px/1.45 var(--bc-sans);letter-spacing:.08em;text-transform:uppercase;padding:9px 16px}
.bc-strip a{color:#fff;text-underline-offset:3px}

/* Full-bleed photo hero */
.bc-bleed{width:100vw;margin-left:calc(50% - 50vw)}
.bc-hero{position:relative;display:grid;place-items:center;min-height:440px;padding:56px 20px;color:#fff;text-align:center;overflow:hidden;background:var(--bc-green);box-sizing:border-box}
.bc-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,25,18,.30),rgba(20,25,18,.58))}
.bc-hero-in{position:relative;z-index:1;max-width:820px}
.bc-hero-eyebrow{margin:0 0 10px;font:500 12px var(--bc-sans);letter-spacing:.14em;text-transform:uppercase}
body .bc-hero h1{color:#fff;font-size:clamp(34px,7vw,64px);line-height:1.08;margin:0 0 14px;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.bc-hero .bc-hero-sub{font-size:clamp(16px,2.2vw,19px);line-height:1.5;margin:0 auto 24px;max-width:620px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
@media (min-width:1024px){.bc-hero{min-height:560px}}
.bc-hero--page{place-items:end start;text-align:left;min-height:260px;padding:40px 16px 28px}
.bc-hero--page .bc-hero-in{max-width:var(--bc-wrap);width:100%;margin:0 auto;padding:0 8px;box-sizing:border-box}
body .bc-hero--page h1{font-size:clamp(30px,5vw,48px);margin:0 0 10px}
.bc-hero--page p,.bc-hero--page .bc-intro p{color:#fff;max-width:720px;font-size:16px;line-height:1.6;margin:0 0 8px;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.bc-hero--page a{color:#fff}
@media (min-width:768px){.bc-hero--page{min-height:340px;padding:56px 24px 36px}}
.bc-crumbbar{background:#fff;border-bottom:1px solid var(--bc-line)}
.bc-crumbbar .bc-crumbs{margin:0;padding:12px 0}

/* Stats strip */
.bc-stats{background:var(--bc-strip);color:#fff}
.bc-stats ul{list-style:none;margin:0 auto;padding:14px 16px;max-width:var(--bc-wrap);display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;font:500 14px var(--bc-sans)}
.bc-stats li{display:inline-flex;align-items:center;gap:7px}
.bc-stats .bc-i{width:17px;height:17px}

/* Sections */
.bc-sec{padding:56px 0}
.bc-sec--tint{background:#e8ebe5}
.bc-sec-h{text-align:center;max-width:760px;margin:0 auto 32px}
.bc-eyebrow{margin:0 0 10px;font:500 12px var(--bc-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bc-ink)}
body .bc-sec-h h2{font-size:clamp(28px,4.6vw,44px);line-height:1.15;margin:0 0 14px}
.bc-sec-h p,.bc-sec-h .bc-intro p{font-size:16px;line-height:1.75;color:var(--bc-ink-2);margin:0 0 10px}
.bc-sec-h a{color:var(--bc-sage-d)}
.bc-home .bc-list{margin-top:0}
.bc-home .bc-article{margin-top:0}

/* Dark photo panels */
.bc-panels{display:grid;gap:16px}
@media (min-width:760px){.bc-panels{grid-template-columns:repeat(2,1fr);gap:24px}}
.bc-panel-c{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;padding:26px;color:#fff!important;text-decoration:none;overflow:hidden;background:var(--bc-green-2)}
.bc-panel-c>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bc-panel-c::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(18,24,18,.12) 15%,rgba(18,24,18,.86))}
.bc-panel-c>*:not(img){position:relative;z-index:2}
.bc-panel-c:hover>img{transform:scale(1.04)}
.bc-panel-c .bc-eyebrow{color:#fff;opacity:.92}
body .bc-panel-c h3{color:#fff;font-size:clamp(24px,3vw,30px);margin:0 0 10px}
.bc-panel-c p{margin:0 0 16px;font-size:15px;line-height:1.6}
.bc-panel-more{align-self:flex-start;font:500 12px var(--bc-sans);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:3px}
@media (min-width:1024px){.bc-panel-c{min-height:400px;padding:34px}}
@media (prefers-reduced-motion:reduce){.bc-panel-c>img{transition:none}}

/* White tiles */
.bc-tiles{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:560px){.bc-tiles{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.bc-tiles{grid-template-columns:repeat(3,1fr);gap:16px}}
.bc-tile{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--bc-line);border-radius:var(--bc-r);color:var(--bc-ink);text-decoration:none;box-shadow:0 2px 10px rgba(30,35,25,.05);transition:box-shadow .2s}
.bc-tile:hover{box-shadow:var(--bc-shadow)}
.bc-tile-i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#e8ebe5;color:var(--bc-green)}
.bc-tile-i .bc-i{width:20px;height:20px}
.bc-tile b{display:block;font:400 18px/1.25 var(--bc-serif)}
.bc-tile small{display:block;font-size:13px;color:var(--bc-ink-2);margin-top:2px}
.bc-tile::after{content:"\203A";margin-left:auto;font-size:26px;line-height:1;color:var(--bc-cta)}

/* Dark band */
.bc-band{background:var(--bc-green);color:#e6ece6}
body .bc-band h2,body .bc-band h3{color:#fff}
.bc-band .bc-eyebrow{color:#cfd9cf}
.bc-band .bc-sec-h p{color:#d5ddd3}
.bc-band .bc-pcard{background:var(--bc-green-2);border-color:rgba(255,255,255,.1);color:#fff}
.bc-band .bc-pcard-t{color:#d5ddd3}
.bc-center{text-align:center;margin-top:28px}

/* Photo cards: square corners like the Cotswolds site */
.bc-pcard{border-radius:var(--bc-r)}
body .bc-related>h2,body .bc-hubgroup>h2{font-size:clamp(26px,4vw,36px)}

/* Footer */
.bc-footer{background:var(--bc-green);margin-top:56px}
.bc-fhead{color:#d9b77a}
.bc-home+.bc-footer{margin-top:0}

/* Cards: rating badge on the photo, tick list, outlined view button */
.bc-c{border-radius:var(--bc-r);box-shadow:0 2px 12px rgba(30,35,25,.07)}
.bc-c-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:3px;background:#fff;font:600 13px var(--bc-sans);color:var(--bc-ink);box-shadow:0 1px 4px rgba(0,0,0,.15)}
.bc-c-badge .bc-i{width:14px;height:14px;color:#e0a53a;fill:currentColor}
.bc-c-loc .bc-i{color:var(--bc-cta)}
body .bc-c-name{font-size:20px}
.bc-c-ticks{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}
.bc-c-ticks li{position:relative;padding-left:24px;line-height:1.4}
.bc-c-ticks li::before{content:"";position:absolute;left:3px;top:4px;width:11px;height:6px;border-left:2px solid #4c8a4f;border-bottom:2px solid #4c8a4f;transform:rotate(-45deg)}
.bc-c-foot{border-top:0;padding-top:6px;flex-wrap:wrap}
.bc-c-foot .bc-btn--line{position:relative;z-index:1;flex:1 1 100%}
.bc-search{border-radius:var(--bc-r)}
.bc-view{border-radius:3px}
.bc-q input{border-radius:3px}

/* wide comparison tables scroll inside the article on tablets/phones, never the page */
.bc-article table{display:block;max-width:100%;overflow-x:auto}