:root{
  --bc-red:#d32f2f;
  --bc-red-dark:#b71c1c;
  --bc-bg:#f5f6f8;
  --bc-card:#ffffff;
  --bc-text:#1d1f23;
  --bc-muted:#6b7280;
  --bc-border:#e6e7ea;
  --bc-shadow:0 10px 26px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  background:var(--bc-bg);
  color:var(--bc-text);
}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.screen-reader-text{position:absolute;left:-9999px}

/* Container */
.bc-container{max-width:1200px;margin:0 auto;padding:0 22px}

/* Header */
.bc-header{background:#fff;border-bottom:2px solid var(--bc-red)}
.bc-header__inner{display:flex;align-items:center;gap:18px;padding:18px 0}
.bc-brand{text-decoration:none;font-weight:800;font-size:34px;line-height:1}
.bc-brand__accent{color:var(--bc-red)}
.bc-nav{flex:1}
.bc-menu{list-style:none;margin:0;padding:0;display:flex;gap:24px;align-items:center;justify-content:center}
.bc-menu li{margin:0}
.bc-menu a{text-decoration:none;color:#111;font-size:15px}
.bc-menu a:hover{color:var(--bc-red)}
.bc-menu .current-menu-item > a{color:var(--bc-red);border-bottom:2px solid var(--bc-red);padding-bottom:0px}

.bc-search{width:260px;display:flex;justify-content:flex-end}
.bc-searchform{display:flex;align-items:center;border:1px solid var(--bc-border);border-radius:6px;overflow:hidden;background:#fff;width:100%}
.bc-searchform__input{border:0;outline:0;padding:10px 12px;font-size:14px;width:100%}
.bc-searchform__btn{border:0;background:#f3f4f6;padding:10px 12px;cursor:pointer}

/* Hero */
.bc-hero{
  position:relative;
  min-height:480px;
  background:#999 center/cover no-repeat;
}
.bc-hero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.10) 100%);
}
.bc-hero__inner{position:relative;z-index:2;min-height:480px;display:flex;align-items:center}
.bc-hero__copy{max-width:560px;padding:28px 0}
.bc-hero h1{margin:0 0 14px;color:#fff;font-size:52px;line-height:1.05;font-weight:800}
.bc-hero p{margin:0 0 22px;color:#fff;font-size:18px;line-height:1.35;opacity:.95}

/* Buttons / links */
.bc-btn{display:inline-block;text-decoration:none;border-radius:6px;padding:12px 18px;font-weight:700}
.bc-btn--primary{background:var(--bc-red);color:#fff}
.bc-btn--primary:hover{background:var(--bc-red-dark)}
.bc-btn--ghost{background:var(--bc-red);color:#fff;padding:10px 16px}
.bc-btn--ghost:hover{background:var(--bc-red-dark)}
.bc-link{color:var(--bc-red);text-decoration:none;font-weight:700}
.bc-link:hover{text-decoration:underline}

/* Top two panels */
.bc-row{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:-36px;position:relative;z-index:3}
.bc-panel{background:var(--bc-card);border:1px solid var(--bc-border);border-radius:10px;box-shadow:var(--bc-shadow);overflow:hidden}
.bc-panel__head{padding:16px 18px;border-bottom:1px solid var(--bc-border)}
.bc-panel__title{margin:0;font-size:18px;color:var(--bc-red);font-weight:800}
.bc-panel__foot{padding:12px 18px;border-top:1px solid var(--bc-border)}
.bc-panel__foot--right{text-align:right}

/* Lists */
.bc-list{padding:6px 0}
.bc-item{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:14px 18px;border-top:1px solid var(--bc-border)}
.bc-item:first-child{border-top:0}
.bc-item__thumb{border-radius:8px;overflow:hidden}
.bc-thumb-fallback{width:110px;height:80px;background:#d1d5db}
.bc-item__body{min-width:0}
.bc-item__top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.bc-item__title{margin:0;font-size:15px;font-weight:800}
.bc-item__title a{text-decoration:none;color:#0f172a}
.bc-item__title a:hover{color:var(--bc-red)}
.bc-item__meta{margin-top:4px;font-size:12px;color:var(--bc-muted)}
.bc-item__excerpt{margin-top:8px;font-size:13px;color:#374151;line-height:1.35}
.bc-item__rating{white-space:nowrap;margin-top:2px}
.bc-stars{display:inline-flex;gap:2px}
.bc-star{color:#d1d5db;font-size:14px}
.bc-star--on{color:#f5b301}

/* Featured */
.bc-featured{padding:46px 0 56px}
.bc-section-title{margin:0 0 18px;font-size:20px;color:var(--bc-red);font-weight:900}
.bc-featured__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bc-featured-card{background:var(--bc-card);border:1px solid var(--bc-border);border-radius:10px;box-shadow:var(--bc-shadow);overflow:hidden}
.bc-featured-card__media img{width:100%;height:auto}
.bc-wide-fallback{height:220px;background:#d1d5db}
.bc-featured-card__body{padding:18px}
.bc-featured-card__title{margin:0 0 10px;font-size:18px;font-weight:900}
.bc-featured-card__title a{text-decoration:none}
.bc-featured-card__title a:hover{color:var(--bc-red)}
.bc-featured-card__text{margin:0 0 14px;color:#374151;line-height:1.45}

/* Pagination look */
.bc-pagination{display:flex;justify-content:center;gap:8px;margin-top:22px}
.bc-page{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--bc-border);border-radius:6px;background:#fff;color:#111;font-weight:700}
.bc-page--active{background:var(--bc-red);border-color:var(--bc-red);color:#fff}

/* Archive */
.bc-archive{padding:38px 0 56px}
.bc-archive__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:22px}
.bc-post-card{background:#fff;border:1px solid var(--bc-border);border-radius:10px;box-shadow:var(--bc-shadow);overflow:hidden}
.bc-post-card__body{padding:16px}
.bc-post-card__title{margin:0 0 6px;font-size:16px;font-weight:900}
.bc-post-card__title a{text-decoration:none}
.bc-post-card__title a:hover{color:var(--bc-red)}
.bc-post-card__meta{font-size:12px;color:var(--bc-muted);margin-bottom:10px}
.bc-post-card__text{margin:0 0 12px;color:#374151;line-height:1.4}
.bc-archive__pagination{margin-top:18px}
.nav-links{display:flex;gap:10px;justify-content:center}
.page-numbers{padding:8px 12px;border:1px solid var(--bc-border);border-radius:6px;background:#fff;text-decoration:none;font-weight:700}
.page-numbers.current{background:var(--bc-red);border-color:var(--bc-red);color:#fff}

/* Single/Page */
.bc-single,.bc-page{padding:38px 0 56px}
.bc-single__title,.bc-page__title{margin:0 0 10px;font-size:34px;font-weight:900}
.bc-single__meta{color:var(--bc-muted);margin-bottom:16px}
.bc-single__media{border-radius:10px;overflow:hidden;border:1px solid var(--bc-border);box-shadow:var(--bc-shadow);margin:16px 0}
.bc-single__content,.bc-page__content{background:#fff;border:1px solid var(--bc-border);border-radius:10px;box-shadow:var(--bc-shadow);padding:20px;line-height:1.7}

/* Footer */
.bc-footer{background:var(--bc-red);color:#fff;margin-top:30px}
.bc-footer__inner{padding:22px 0;text-align:center}
.bc-footer-menu{list-style:none;margin:0 0 10px;padding:0;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.bc-footer-menu a{color:#fff;text-decoration:none;font-weight:700}
.bc-footer-menu a:hover{text-decoration:underline}

/* Responsive */
@media (max-width: 980px){
  .bc-search{display:none}
  .bc-menu{justify-content:flex-end;flex-wrap:wrap}
  .bc-hero h1{font-size:44px}
  .bc-row{grid-template-columns:1fr}
  .bc-featured__grid{grid-template-columns:1fr}
  .bc-archive__grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .bc-header__inner{flex-wrap:wrap}
  .bc-menu{justify-content:flex-start}
  .bc-hero__inner{min-height:420px}
  .bc-hero{min-height:420px}
  .bc-hero h1{font-size:36px}
  .bc-item{grid-template-columns:90px 1fr}
  .bc-thumb-fallback{width:90px;height:70px}
  .bc-archive__grid{grid-template-columns:1fr}
}



/* =========================
   Modern Single Post (Phase 2.1)
   ========================= */
.bc-single-hero{
  position: relative;
  background: #111;
  color: #fff;
  padding: 56px 0 44px;
  margin-bottom: 24px;
  overflow: hidden;
}
.bc-single-hero.has-hero{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bc-single-hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.40) 55%, rgba(0,0,0,.28) 100%);
}
.bc-single-hero__inner{position:relative; z-index:2; max-width: 980px}
.bc-single-hero__meta{display:flex; align-items:center; gap:10px; flex-wrap:wrap; opacity:.95}
.bc-pill{
  display:inline-flex; align-items:center;
  padding:6px 10px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  text-decoration:none;
  font-weight:800;
  font-size:12px;
}
.bc-pill:hover{background: rgba(255,255,255,.22)}
.bc-meta{font-size:13px}
.bc-meta-dot{opacity:.8}
.bc-single-hero__title{
  margin: 14px 0 0;
  font-size: 44px;
  line-height: 1.08;
  font-weight: 900;
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}
.bc-single-hero__excerpt{
  margin: 14px 0 0;
  max-width: 70ch;
  font-size: 16px;
  line-height: 1.5;
  opacity: .95;
}

.bc-single-modern{padding: 0 0 56px}
.bc-single-grid{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap: 22px;
  align-items:start;
}
.bc-single-card{
  background: #fff;
  border: 1px solid var(--bc-border);
  border-radius: 14px;
  box-shadow: var(--bc-shadow);
  overflow:hidden;
}
.bc-single-card__lead{
  margin:0;
  border-bottom: 1px solid var(--bc-border);
}
.bc-single-card__lead img{width:100%; height:auto; display:block}

.bc-content{
  padding: 22px 22px 8px;
  line-height: 1.85;
  color: #111827;
  font-size: 16px;
}
.bc-content > p:first-of-type{
  font-size: 18px;
  line-height: 1.9;
}
.bc-content h2{
  margin: 34px 0 12px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 900;
}
.bc-content h3{
  margin: 26px 0 10px;
  font-size: 19px;
  line-height: 1.25;
  font-weight: 900;
}
.bc-content img{
  border-radius: 12px;
  border: 1px solid var(--bc-border);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  margin: 16px 0;
}
.bc-content blockquote{
  margin: 20px 0;
  padding: 14px 16px;
  border-left: 4px solid var(--bc-red);
  background: #fafafa;
  border-radius: 10px;
}
.bc-content a{color: var(--bc-red); font-weight: 700}
.bc-content a:hover{text-decoration: underline}
.bc-content ul, .bc-content ol{padding-left: 22px}
.bc-content hr{border:0; border-top:1px solid var(--bc-border); margin: 26px 0}

.bc-single-footer{
  padding: 14px 22px 22px;
  border-top: 1px solid var(--bc-border);
}
.bc-tags{margin-bottom: 12px; color: var(--bc-muted); font-size: 13px}
.bc-tags__label{font-weight:900; margin-right:6px}
.bc-prev-next{
  display:flex; justify-content:space-between; gap:12px;
}
.bc-prev-next__item a{
  display:inline-flex;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--bc-border);
  background: #fff;
  text-decoration:none;
  font-weight: 900;
}
.bc-prev-next__item a:hover{border-color: var(--bc-red); color: var(--bc-red)}

.bc-single-aside{position:sticky; top:18px}
.bc-sidecard{
  background:#fff;
  border:1px solid var(--bc-border);
  border-radius: 14px;
  box-shadow: var(--bc-shadow);
  padding: 14px;
  margin-bottom: 16px;
}
.bc-sidecard__title{
  font-weight: 900;
  color: var(--bc-red);
  margin-bottom: 10px;
}
.bc-toc__hint{color: var(--bc-muted); font-size: 13px; line-height: 1.4}
.bc-toc__list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px}
.bc-toc__item a{text-decoration:none; color:#111; font-weight:700; font-size:13px}
.bc-toc__item a:hover{color: var(--bc-red)}
.bc-toc__item--h3{padding-left: 12px; opacity:.9}

.bc-related{display:flex; flex-direction:column; gap:10px}
.bc-related__item{
  display:grid; grid-template-columns: 86px 1fr;
  gap:10px; align-items:center;
  padding: 10px;
  border: 1px solid var(--bc-border);
  border-radius: 12px;
  text-decoration:none;
}
.bc-related__item:hover{border-color: var(--bc-red)}
.bc-related__thumb img{border-radius: 10px}
.bc-related__title{font-weight: 900; font-size: 13px; line-height: 1.25}
.bc-related__meta{font-size: 12px; color: var(--bc-muted); margin-top: 4px}

@media (max-width: 980px){
  .bc-single-grid{grid-template-columns: 1fr}
  .bc-single-aside{position:relative; top:auto}
  .bc-single-hero__title{font-size: 36px}
}
@media (max-width: 640px){
  .bc-single-hero{padding: 44px 0 34px}
  .bc-single-hero__title{font-size: 30px}
  .bc-content{padding: 18px 16px 6px}
  .bc-single-footer{padding: 12px 16px 18px}
  .bc-prev-next{flex-direction:column; align-items:stretch}
  .bc-prev-next__item a{justify-content:center}
}



.bc-brand__logo img{
  max-height: 44px;
  width: auto;
  display:block;
}
@media (max-width: 640px){
  .bc-brand__logo img{max-height: 38px}
}


/* Custom logo (smaller, tighter) */
.bc-brand{display:flex;align-items:center}
.bc-brand__logo a{display:inline-flex;align-items:center}
.bc-brand__logo img{
  max-height: 32px;
  width: auto;
  display:block;
}
@media (max-width: 640px){
  .bc-brand__logo img{max-height: 28px}
}


.bc-header__inner{
  padding: 12px 0;
}



/* Content images: keep readable size on desktop, full width on mobile */
.bc-content img,
.bc-page__content img{
  max-width:60%;
  margin-left:auto;
  margin-right:auto;
}
@media (max-width: 640px){
  .bc-content img,
  .bc-page__content img{
    max-width:100%;
  }
}


/* =========================
   Modern Page Template
   ========================= */
.bc-page-hero{
  position: relative;
  background: #111;
  color: #fff;
  padding: 44px 0 34px;
  margin-bottom: 22px;
  overflow:hidden;
}
.bc-page-hero.has-hero{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.bc-page-hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.40) 55%, rgba(0,0,0,.28) 100%);
}
.bc-page-hero__inner{position:relative; z-index:2; max-width: 980px}
.bc-page-hero__title{
  margin:0;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 900;
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}
.bc-page-hero__excerpt{
  margin: 12px 0 0;
  max-width: 70ch;
  font-size: 16px;
  line-height: 1.5;
  opacity: .95;
}
.bc-page-modern{padding: 0 0 56px; max-width: 980px}
.bc-page-card{
  background:#fff;
  border:1px solid var(--bc-border);
  border-radius: 14px;
  box-shadow: var(--bc-shadow);
  overflow:hidden;
}
.bc-page-card__lead{margin:0; border-bottom:1px solid var(--bc-border)}
.bc-page-card__lead img{width:100%; height:auto; display:block}
.bc-content--page{padding: 22px 22px 18px}
.bc-content--page p{max-width: 75ch}
@media (max-width: 640px){
  .bc-page-hero__title{font-size: 30px}
  .bc-content--page{padding: 18px 16px 14px}
}


/* Utility menu robust styling (ensures horizontal layout) */
.bc-footer__utility ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  gap:14px !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
.bc-footer__utility li{margin:0 !important; padding:0 !important}
.bc-footer__utility a{
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  opacity:.95;
}
.bc-footer__utility a:hover{ text-decoration:underline; opacity:1; }


/* =========================
   Affiliate Widget (Homepage)
   ========================= */
.bc-aff-section{margin-top:-22px; position:relative; z-index:3}
.bc-aff-card{
  background: var(--bc-card);
  border: 1px solid var(--bc-border);
  border-radius: 10px;
  box-shadow: var(--bc-shadow);
  overflow:hidden;
  margin: 18px 0 10px;
}
.bc-aff-head{
  padding: 14px 18px;
  border-bottom: 1px solid var(--bc-border);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.bc-aff-title{
  margin:0;
  font-size:18px;
  color: var(--bc-red);
  font-weight:900;
}
.bc-aff-disclosure{
  font-size:12px;
  color: var(--bc-muted);
}
.bc-aff-body{padding: 14px 18px 18px}
.bc-aff-slot{min-height: 120px}

/* Visibility controls */
.bc-aff--desktop{display:block}
.bc-aff--mobile{display:block}
@media (max-width: 640px){
  .bc-aff--desktop{display:none}
}
@media (min-width: 641px){
  .bc-aff--mobile{display:none}
}


/* =========================
   Modern Mobile Header
   ========================= */
.bc-nav-toggle{
  display:none;
  border:1px solid var(--bc-border);
  background:#fff;
  border-radius:10px;
  padding:10px;
  cursor:pointer;
}
.bc-nav-toggle__bar{
  display:block;
  width:18px;
  height:2px;
  background:#111;
  margin:4px 0;
}

@media (max-width: 980px){
  .bc-header__inner{
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
  }
  .bc-brand{order:1}
  .bc-nav-toggle{order:2}
  .bc-search{order:3; width:100%; display:flex; justify-content:stretch}
  .bc-searchform{width:100%}
  /* Mobile menu drawer */
  .bc-nav{
    order:4;
    width:100%;
    display:none;
    padding-top:10px;
  }
  .bc-nav.is-open{display:block}
  .bc-menu{
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
    padding:10px 0 0;
    border-top:1px solid var(--bc-border);
  }
  .bc-menu a{font-size:14px}
}

/* Prevent background scroll when menu open */
.bc-nav-open body{overflow:hidden}





.bc-nav-toggle {
    display: none;
}














/* =========================
   MOBILE NAV TOGGLE (SAFE)
   ========================= */



/* Mobile only */
@media (max-width: 980px){

  /* Header layout */
  .bc-header__inner{
    position: relative;
    justify-content: center;
  }

  /* Center logo */
  .bc-brand{
    margin: 0 auto;
  }

  /* Smaller logo on mobile */
  .bc-brand__logo img{
    max-height: 26px;
  }

  /* Hamburger button */
  .bc-nav-toggle{
    display:block;
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    background:none;
    border:0;
    padding:6px;
    cursor:pointer;
    z-index:1001;
  }

  .bc-nav-toggle span{
    display:block;
    width:22px;
    height:2px;
    background:#111;
    margin:5px 0;
    border-radius:2px;
  }

  /* Hide nav by default */
  .bc-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#fff;
    border-top:1px solid var(--bc-border);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    z-index:1000;
  }

  /* Show nav when toggled */
  .bc-nav.is-open{
    display:block;
  }

  /* Vertical menu */
  .bc-menu{
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px 0;
  }

  .bc-menu li{
    border-bottom:1px solid var(--bc-border);
  }

  .bc-menu li:last-child{
    border-bottom:0;
  }

  .bc-menu a{
    display:block;
    padding:14px 18px;
    font-size:16px;
    font-weight:700;
  }

  /* Hide search on mobile */
  .bc-search{
    display:none;
  }
}












/* =========================
   Modern Mobile Menu (no animation)
   ========================= */
@media (max-width: 980px){

  /* Turn the opened nav into a nice "card" */
  .bc-nav.is-open{
    background:#fff;
    border:1px solid var(--bc-border);
    border-radius:14px;
    box-shadow: 0 14px 30px rgba(0,0,0,.10);
    padding: 10px 10px;
    margin-top: 10px;
  }

  /* Menu list container */
  .bc-menu{
    flex-direction: column;
    align-items: stretch;
    gap: 6px;                 /* spacing between items */
    padding: 6px;
    margin: 0;
  }

  /* Each item as a “row” with rounded corners */
  .bc-menu li{
    margin: 0;
  }

  /* Link styling = bigger tap target + modern look */
  .bc-menu a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 14px 14px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    background: #f8fafc;      /* subtle tile background */
    border: 1px solid #eef2f7;
    text-decoration: none;
  }

  /* Hover/press feel (no animation, just instant state) */
  .bc-menu a:hover{
    border-color: var(--bc-red);
    color: var(--bc-red);
    background: #fff;
  }

  /* Active page highlight */
  .bc-menu .current-menu-item > a{
    background: rgba(211,47,47,.08);
    border-color: rgba(211,47,47,.25);
    color: var(--bc-red);
    padding-bottom: 14px;     /* override your desktop underline padding */
  }

  /* Remove the old underline style on mobile */
  .bc-menu .current-menu-item > a{
    border-bottom: 1px solid rgba(211,47,47,.25);
  }
}












/* =========================
   Mobile Menu Animation (slide + fade)
   Works with: .bc-nav.is-open toggle
   ========================= */
@media (max-width: 980px){

  /* IMPORTANT: stop using display:none on mobile nav */
  .bc-nav{
    display:block !important;        /* override earlier display:none */
    width:100%;
    overflow:hidden;                 /* hide collapsed items */
    max-height:0;                    /* collapsed */
    opacity:0;
    transform: translateY(-6px);
    pointer-events:none;

    transition:
      max-height 280ms ease,
      opacity 180ms ease,
      transform 220ms ease;
  }

  /* Open state */
  .bc-nav.is-open{
    max-height: 70vh;                /* big enough for menu */
    opacity:1;
    transform: translateY(0);
    pointer-events:auto;
  }

  /* Keep your “card” look on open */
  .bc-nav.is-open{
    background:#fff;
    border:1px solid var(--bc-border);
    border-radius:14px;
    box-shadow: 0 14px 30px rgba(0,0,0,.10);
    padding: 10px 10px;
    margin-top: 10px;
  }
}










.home .bc-pagination {
    display: none !important;
}















/* ==========================================
   Modern look for Category / Taxonomy / Topics archives
   Safe: affects only archive pages (category/tag/tax)
   ========================================== */

/* Target WP archive contexts including /topics/... */
body.archive,
body.category,
body.tag,
body.tax,
body[class*="tax-"],
body[class*="taxonomy-"]{

  /* page padding & background polish */
  background: var(--bc-bg);
}

/* The main archive wrapper in your theme */
body.archive .bc-archive,
body.category .bc-archive,
body.tag .bc-archive,
body.tax .bc-archive,
body[class*="tax-"] .bc-archive,
body[class*="taxonomy-"] .bc-archive{
  padding-top: 34px;
}

/* Grid spacing */
body.archive .bc-archive__grid,
body.category .bc-archive__grid,
body.tag .bc-archive__grid,
body.tax .bc-archive__grid,
body[class*="tax-"] .bc-archive__grid,
body[class*="taxonomy-"] .bc-archive__grid{
  gap: 26px;
}

/* Card modernisation */
body.archive .bc-post-card,
body.category .bc-post-card,
body.tag .bc-post-card,
body.tax .bc-post-card,
body[class*="tax-"] .bc-post-card,
body[class*="taxonomy-"] .bc-post-card{
  border-radius: 16px;
  border: 1px solid var(--bc-border);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  overflow: hidden;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.archive .bc-post-card:hover,
body.category .bc-post-card:hover,
body.tag .bc-post-card:hover,
body.tax .bc-post-card:hover,
body[class*="tax-"] .bc-post-card:hover,
body[class*="taxonomy-"] .bc-post-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
  border-color: rgba(211,47,47,.25);
}

/* Make featured image look consistent */
body.archive .bc-post-card img,
body.category .bc-post-card img,
body.tag .bc-post-card img,
body.tax .bc-post-card img,
body[class*="tax-"] .bc-post-card img,
body[class*="taxonomy-"] .bc-post-card img{
  width: 100%;
  height: 220px;
  object-fit: cover;
}

/* Body spacing + typography */
body.archive .bc-post-card__body,
body.category .bc-post-card__body,
body.tag .bc-post-card__body,
body.tax .bc-post-card__body,
body[class*="tax-"] .bc-post-card__body,
body[class*="taxonomy-"] .bc-post-card__body{
  padding: 18px 18px 16px;
}

body.archive .bc-post-card__title,
body.category .bc-post-card__title,
body.tag .bc-post-card__title,
body.tax .bc-post-card__title,
body[class*="tax-"] .bc-post-card__title,
body[class*="taxonomy-"] .bc-post-card__title{
  font-size: 17px;
  line-height: 1.25;
  margin-bottom: 10px;
}

body.archive .bc-post-card__meta,
body.category .bc-post-card__meta,
body.tag .bc-post-card__meta,
body.tax .bc-post-card__meta,
body[class*="tax-"] .bc-post-card__meta,
body[class*="taxonomy-"] .bc-post-card__meta{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  color: var(--bc-muted);
  margin-bottom: 10px;
}

/* “Read more” link modern */
body.archive .bc-post-card__body a.bc-link,
body.category .bc-post-card__body a.bc-link,
body.tag .bc-post-card__body a.bc-link,
body.tax .bc-post-card__body a.bc-link,
body[class*="tax-"] .bc-post-card__body a.bc-link,
body[class*="taxonomy-"] .bc-post-card__body a.bc-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}

/* Pagination polish */
body.archive .nav-links .page-numbers,
body.category .nav-links .page-numbers,
body.tag .nav-links .page-numbers,
body.tax .nav-links .page-numbers,
body[class*="tax-"] .nav-links .page-numbers,
body[class*="taxonomy-"] .nav-links .page-numbers{
  border-radius: 999px;
  padding: 9px 14px;
}

body.archive .nav-links .page-numbers.current,
body.category .nav-links .page-numbers.current,
body.tag .nav-links .page-numbers.current,
body.tax .nav-links .page-numbers.current,
body[class*="tax-"] .nav-links .page-numbers.current,
body[class*="taxonomy-"] .nav-links .page-numbers.current{
  background: var(--bc-red);
  border-color: var(--bc-red);
  color: #fff;
}

/* Mobile tweaks */
@media (max-width: 980px){
  body.archive .bc-archive__grid,
  body.category .bc-archive__grid,
  body.tag .bc-archive__grid,
  body.tax .bc-archive__grid,
  body[class*="tax-"] .bc-archive__grid,
  body[class*="taxonomy-"] .bc-archive__grid{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px){
  body.archive .bc-archive__grid,
  body.category .bc-archive__grid,
  body.tag .bc-archive__grid,
  body.tax .bc-archive__grid,
  body[class*="tax-"] .bc-archive__grid,
  body[class*="taxonomy-"] .bc-archive__grid{
    grid-template-columns: 1fr;
  }

  body.archive .bc-post-card img,
  body.category .bc-post-card img,
  body.tag .bc-post-card img,
  body.tax .bc-post-card img,
  body[class*="tax-"] .bc-post-card img,
  body[class*="taxonomy-"] .bc-post-card img{
    height: 200px;
  }
}



















/* =========================
   Topic / Category Cover Header (with image BG)
   ========================= */

.bc-topic-hero{
  position: relative;
  border-bottom: 1px solid var(--bc-border);
  padding: 54px 0 44px;
  margin-bottom: 24px;
  overflow: hidden;

  /* default fallback bg */
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
}

.bc-topic-hero.has-bg{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bc-topic-hero__overlay{
  position: absolute;
  inset: 0;
  pointer-events: none;

  /* readable text on images */
  background: linear-gradient(
    90deg,
    rgba(0,0,0,.62) 0%,
    rgba(0,0,0,.35) 55%,
    rgba(0,0,0,.25) 100%
  );
}

.bc-topic-hero .bc-container{
  position: relative;
  z-index: 2;
}

.bc-topic-title{
  margin: 0;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.12;
  color: #111;
}

/* If there is a background image, make text white */
.bc-topic-hero.has-bg .bc-topic-title{
  color: #fff;
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}

.bc-topic-desc{
  margin-top: 10px;
  max-width: 720px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--bc-muted);
}

.bc-topic-hero.has-bg .bc-topic-desc{
  color: rgba(255,255,255,.92);
}

/* Mobile */
@media (max-width: 640px){
  .bc-topic-hero{ padding: 36px 0 28px; }
  .bc-topic-title{ font-size: 28px; }
}











/* =========================
   FIX: Mobile Topic Hero Readability
   ========================= */
@media (max-width: 980px){

  /* Ensure background image stays */
  .bc-topic-hero{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    color: #fff !important;
  }

  /* Add dark overlay for readability */
  .bc-topic-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
      180deg,
      rgba(0,0,0,.65) 0%,
      rgba(0,0,0,.45) 60%,
      rgba(0,0,0,.25) 100%
    );
    z-index:0;
  }

  /* Keep text above overlay */
  .bc-topic-hero > *{
    position:relative;
    z-index:1;
  }

  /* Improve text contrast */
  .bc-topic-title,
  .bc-topic-desc{
    color:#fff !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.45);
  }
}





/* Home: second row should sit normally (not overlap hero) */
.bc-row--bottom{
  margin-top: 26px;
  position: static;
}





/* =========================
   AMP Ad container styling
   ========================= */
.bc-amp-ad{
  margin: 18px 0;
  padding: 12px;
  background: #fff;
  border: 1px solid var(--bc-border);
  border-radius: 12px;
  box-shadow: var(--bc-shadow);
}

/* Show rules */
.bc-amp-ad--desktop{display:block}
.bc-amp-ad--mobile{display:block}

@media (max-width: 640px){
  .bc-amp-ad--desktop{display:none}
}

@media (min-width: 641px){
  .bc-amp-ad--mobile{display:none}
}










/* Remove BedroomChecker red header line (desktop + mobile) */
.bc-header{
  border-bottom: 0 !important;
}

/* If you previously moved the line onto the inner row, remove that too */
.bc-header__inner{
  border-bottom: 0 !important;
}