/*
Theme Name: Boujee Edit
Theme URI: https://boujeekids.co.uk
Description: Editorial block-style theme for Boujee Kids — magazine layouts + magazine product cards, ported from the design mockups. Preview/rebuild (Path B) running on the CT280 lab.
Author: Boujee Kids
Version: 0.1
*/

:root{
  --bg:#FAF7F1; --bg-warm:#F0EBE0; --bg-cool:#2C2A26;
  --ink:#1A1814; --ink-mid:#4F4A42; --ink-soft:#87817A;
  --rule:rgba(26,24,20,0.12); --rule-strong:rgba(26,24,20,0.22);
  --gold:#b8956a;                 /* brand/logo gold retained */
  --accent:#A85036;               /* terracotta, AA-safe */
  --accent-deep:#8A3F26; --accent-soft:#E8C7B8;
  --surface:#FFFFFF;
  --font-display:"Fraunces",Georgia,serif;
  --font-body:"Inter",-apple-system,sans-serif;
  --font-mono:"DM Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;}
body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
.section{max-width:1240px;margin:0 auto;padding:0 32px;}

/* header */
header.site-header{background:var(--bg);border-bottom:1px solid var(--rule);padding:16px 32px 14px;position:sticky;top:0;z-index:50;}
.header-top{display:flex;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px;}
.header-top .sep{color:var(--rule);}
.header-top .accent{color:var(--accent);}
.brand-row{display:flex;justify-content:space-between;align-items:baseline;max-width:1240px;margin:0 auto;}
.brand{font-family:var(--font-display);font-size:34px;font-weight:500;font-style:italic;letter-spacing:-.02em;color:var(--ink);text-decoration:none;}
nav.primary{display:flex;gap:26px;font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;}
nav.primary a{color:var(--ink);text-decoration:none;}
nav.primary a:hover{color:var(--accent);}

/* section label */
.section-label{display:flex;align-items:baseline;gap:18px;padding-bottom:14px;margin-bottom:28px;border-bottom:1px solid var(--rule);}
.section-label .kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);}
.section-label .title{font-family:var(--font-display);font-size:32px;font-weight:500;letter-spacing:-.015em;margin:0;line-height:1;}
.section-label .title .period{color:var(--accent);}
.section-label .right{margin-left:auto;}
.section-label .right a{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-decoration:none;}

/* card base */
.bk-card{display:block;text-decoration:none;color:inherit;position:relative;overflow:hidden;}
.bk-card__media{position:relative;background:var(--bg-warm);overflow:hidden;aspect-ratio:1/1;}
.bk-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.6,.2,1);}
.bk-card:hover .bk-card__media img{transform:scale(1.03);}
.bk-card__cat{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:14px 0 6px;display:block;}
.bk-card__title{font-family:var(--font-display);font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.01em;color:var(--ink);margin:0;}
.bk-card__meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:8px;}
.bk-card::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);transition:width .3s cubic-bezier(.2,.6,.2,1);}
.bk-card:hover::after{width:100%;}

/* hero */
.hero{background:var(--bg-warm);border-bottom:1px solid var(--rule);padding:60px 0 72px;}
.hero-grid{max-width:1240px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;}
.hero__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.20em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;}
.hero__title{font-family:var(--font-display);font-size:clamp(40px,5vw,68px);line-height:1.03;letter-spacing:-.025em;font-weight:500;margin:0 0 22px;}
.hero__title em{font-style:italic;}
.hero__dek{font-family:var(--font-display);font-style:italic;font-size:19px;line-height:1.5;color:var(--ink-mid);margin:0 0 28px;max-width:52ch;}
.hero__meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 24px;}
.hero__meta .dot{color:var(--accent);margin:0 8px;}
.hero__cta{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.10em;text-transform:uppercase;color:var(--ink);padding:14px 22px;border:1.5px solid var(--ink);text-decoration:none;background:var(--bg);transition:.15s;}
.hero__cta:hover{background:var(--ink);color:var(--bg);}
.hero__cta .arrow{color:var(--accent);}
.hero__cover{aspect-ratio:1/1;overflow:hidden;background:var(--bg);position:relative;}
.hero__cover img{width:100%;height:100%;object-fit:cover;}

/* sections */
.section-block{padding:64px 0;}
.section-block--alt{background:var(--bg-warm);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.latest-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;}
.latest-grid .bk-card:nth-child(1) .bk-card__media{aspect-ratio:1/1;}
.latest-grid .bk-card:nth-child(n+2) .bk-card__media{aspect-ratio:1/1;}
.endorsed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.endorsed-grid .bk-card__media{aspect-ratio:1/1;}
.endorsed-grid .bk-card__title{font-size:17px;}
.fashion-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;}
.fashion-grid .feature-card .bk-card__media{aspect-ratio:1/1;}
.fashion-grid .feature-card .bk-card__title{font-size:30px;line-height:1.1;}
.fashion-side{display:grid;gap:30px;}
.fashion-side .bk-card{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start;}
.fashion-side .bk-card__media{aspect-ratio:1/1;}
.fashion-side .bk-card__title{font-size:16px;line-height:1.25;}
.journal-grid{column-count:3;column-gap:32px;}
.journal-grid .bk-card{break-inside:avoid;margin-bottom:34px;display:block;}
.journal-grid .bk-card__title{font-size:19px;}

/* editor's five (dark) */
.editor-fiv{background:var(--bg-cool);color:var(--bg);padding:64px 0;}
.editor-fiv .section{display:grid;grid-template-columns:1fr 2fr;gap:56px;}
.editor-fiv h2{font-family:var(--font-display);font-size:42px;line-height:1.05;font-weight:500;letter-spacing:-.02em;margin:0;}
.editor-fiv h2 em{color:var(--accent-soft);font-style:italic;}
.editor-fiv ol{list-style:none;padding:0;margin:0;}
.editor-fiv li{display:grid;grid-template-columns:56px 1fr auto;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);}
.editor-fiv li:last-child{border-bottom:none;}
.editor-fiv .num{font-family:var(--font-display);font-style:italic;font-size:30px;color:var(--accent-soft);}
.editor-fiv .cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft);display:block;margin-bottom:4px;}
.editor-fiv a{color:var(--bg);text-decoration:none;font-family:var(--font-display);font-size:18px;line-height:1.25;}
.editor-fiv a:hover{color:var(--accent-soft);}
.editor-fiv .arrow{color:var(--accent-soft);}

/* ===== single post + magazine product card (Mockup B) ===== */
.bk-article{max-width:760px;margin:0 auto;padding:48px 32px 80px;}
.bk-crumbs{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:16px;}
.bk-article__title{font-family:var(--font-display);font-size:clamp(34px,4.4vw,54px);line-height:1.04;letter-spacing:-.02em;font-weight:500;margin:0 0 16px;}
.bk-article__byline{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0;margin-bottom:8px;}
.bk-article__byline .dot{color:var(--accent);margin:0 8px;}
.bk-affiliate-note{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--ink-soft);margin:14px 0 26px;}
.bk-affiliate-note a{color:var(--accent);}
.bk-article__body{font-size:17px;line-height:1.7;color:var(--ink-mid);}
.bk-article__body h2,.bk-article__body h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;}

.bk-product-card{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:start;padding:48px 0;border-bottom:1px solid var(--rule);}
.bk-product-card:first-of-type{padding-top:8px;}
.bk-product-card__image{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--bg-warm);}
.bk-product-card__image img{width:100%;height:100%;object-fit:cover;}
.bk-rank-badge{position:absolute;top:0;left:0;font-family:var(--font-display);font-style:italic;font-size:44px;line-height:1;color:var(--accent);background:rgba(250,247,241,.92);padding:4px 14px 6px;}
.bk-product-card__info{min-width:0;}
.bk-product-card__brand{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px;}
.bk-product-card__name{font-family:var(--font-display);font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-.015em;margin:0 0 14px;}
.bk-product-card__curation{font-size:16px;line-height:1.65;color:var(--ink-mid);margin:0 0 16px;max-width:58ch;}
.bk-product-card__price{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin:0 0 16px;padding-left:14px;border-left:2px solid var(--accent);}
.bk-product-card__cta{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:11px 20px;border:1.5px solid var(--ink);text-decoration:none;transition:.15s;}
.bk-product-card__cta::after{content:"\2192";color:var(--accent);}
.bk-product-card__cta:hover{background:var(--ink);color:var(--bg);}
.bk-product-card__cta:hover::after{color:var(--accent-soft);}

/* footer */
.site-footer{background:var(--bg-cool);color:var(--ink-soft);padding:48px 32px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center;}
.site-footer a{color:var(--accent-soft);text-decoration:none;}

/* responsive */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:36px;}
  .latest-grid{grid-template-columns:1fr 1fr;}
  .endorsed-grid{grid-template-columns:1fr 1fr;}
  .fashion-grid{grid-template-columns:1fr;}
  .journal-grid{column-count:2;}
  .editor-fiv .section{grid-template-columns:1fr;gap:28px;}
}
@media (max-width:600px){
  .latest-grid,.journal-grid{grid-template-columns:1fr;column-count:1;}
  .endorsed-grid{grid-template-columns:1fr 1fr;gap:16px;}
  .bk-product-card{grid-template-columns:1fr;gap:18px;padding:32px 0;}
  .bk-product-card__image{aspect-ratio:1/1;}
  nav.primary{gap:16px;font-size:11px;}
}

/* ---- polish: nav reset + web-interface-guidelines a11y ---- */
nav.primary ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;flex-wrap:wrap;}
nav.primary li{margin:0;padding:0;}
nav.primary li::marker{content:none;}
.hero__title,.bk-card__title,.bk-product-card__name,.section-label .title,.editor-fiv h2,.bk-article__title{text-wrap:balance;}
.bk-product-card__price,.hero__meta,.bk-card__meta{font-variant-numeric:tabular-nums;}
a:focus-visible,button:focus-visible,.bk-card:focus-visible,.hero__cta:focus-visible,.bk-product-card__cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}.bk-card:hover .bk-card__media img{transform:none;}}

/* ===== page-load entrance — ONE orchestrated sequence, load-only, reduced-motion-aware ===== */
@media (prefers-reduced-motion:no-preference){
  @keyframes bk-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .hero__label{animation:bk-rise .7s cubic-bezier(.2,.7,.2,1) .05s both}
  .hero__title{animation:bk-rise .7s cubic-bezier(.2,.7,.2,1) .14s both}
  .hero__dek{animation:bk-rise .7s cubic-bezier(.2,.7,.2,1) .26s both}
  .hero__meta{animation:bk-rise .7s cubic-bezier(.2,.7,.2,1) .36s both}
  .hero__cta{animation:bk-rise .7s cubic-bezier(.2,.7,.2,1) .44s both}
  .hero__cover{animation:bk-rise .9s cubic-bezier(.2,.7,.2,1) .18s both}
}
/* ===== typographic + detail refinement ===== */
.hero__title,.bk-article__title,.section-label .title,.bk-product-card__name{font-optical-sizing:auto}
.section-label .kicker::before{content:"";display:inline-block;width:20px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px;opacity:.85}
/* ===== hover polish ===== */
.hero__cta .arrow,.bk-product-card__cta::after{display:inline-block;transition:transform .25s ease}
.hero__cta:hover .arrow{transform:translateX(4px)}
.bk-product-card__cta:hover::after{transform:translateX(3px)}
.section-label .right a{transition:opacity .2s ease}
.section-label .right a:hover{opacity:.65}
.editor-fiv li{transition:padding-left .25s ease}
.editor-fiv li:hover{padding-left:8px}

/* ============================================================
   TIER 1 — Print-heritage elevation (grain · drop cap · gold)
   Added 2026-06-17. Reuses existing tokens only. ~1KB.
   ============================================================ */

/* 1 — Paper grain: one fixed, non-interactive overlay. No blend-mode
   (keeps scroll cheap — the layer composites once and never recomposites
   the backdrop). Low opacity preserves the AA contrast we tuned. */
body::after{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* 2 — Drop cap: the magazine signature on long-form. Fraunces, terracotta. */
.bk-article__body > p:first-of-type::first-letter{
  font-family:var(--font-display);font-weight:500;font-style:normal;
  float:left;font-size:4.4em;line-height:.78;margin:6px 12px 0 0;color:var(--accent);
}
@media (max-width:600px){
  .bk-article__body > p:first-of-type::first-letter{font-size:3.6em;}
}

/* 3 — Make the gold earn its place: a hairline above every section header,
   and a crisp gold baseline under the masthead. (--gold was defined but unused.) */
.section-label{border-top:2px solid var(--gold);padding-top:16px;}
header.site-header{box-shadow:0 2px 0 var(--gold);}

/* inner-page-only "← Home" affordance under the wordmark (not shown on home) */
.brand-block{display:flex;flex-direction:column;gap:3px;}
.brand-home{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:6px;width:max-content;transition:gap .2s ease,color .2s ease;}
.brand-home:hover{color:var(--accent-deep);gap:9px;}
.brand-home .arrow{transition:transform .2s ease;}
.brand-home:hover .arrow{transform:translateX(-3px);}

/* ===== TIER 2 — pull-quotes · hero frame · footer build-out (2026-06-17) ===== */

/* pull-quote in long-form */
.bk-article__body blockquote,.bk-article__body .bk-pullquote{margin:38px 0;padding:4px 0 4px 28px;border-left:3px solid var(--accent);}
.bk-article__body blockquote p{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:25px;line-height:1.32;letter-spacing:-.01em;color:var(--ink);margin:0;}

/* hero cover — matted-print inset frame */
.hero__cover::after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.32);pointer-events:none;z-index:2;}

/* footer build-out (overrides the old single-line footer) */
.site-footer{background:var(--bg-cool);color:var(--ink-soft);padding:64px 32px 36px;text-align:left;text-transform:none;}
.footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;align-items:start;}
.footer-wordmark{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:30px;letter-spacing:-.02em;color:var(--bg);text-decoration:none;}
.footer-tagline{font-family:var(--font-display);font-style:italic;font-size:15px;line-height:1.55;color:var(--ink-soft);max-width:36ch;margin:14px 0 0;}
.footer-col h3{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 16px;}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.footer-col li{margin:0;}
.footer-col a{font-family:var(--font-body);font-size:13px;letter-spacing:0;text-transform:none;color:var(--bg);text-decoration:none;opacity:.8;transition:opacity .2s,color .2s;}
.footer-col a:hover{opacity:1;color:var(--accent-soft);}
.footer-base{max-width:1240px;margin:44px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}
.footer-base a{color:var(--accent-soft);text-decoration:none;}
@media (max-width:780px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .footer-brand{grid-column:1 / -1;}
  .footer-base{flex-direction:column;gap:8px;}
}
@media (max-width:600px){.bk-article__body blockquote p{font-size:21px;}}

/* ===== FIX 2026-06-17 — Issue 01 multi-retailer "where to buy" buttons ===== */
.bk-product-card__buy{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px;}
.bk-product-card__where{flex-basis:100%;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 2px;}
.bk-product-card__buy .bk-product-card__cta::after{content:none;} /* labels already carry an arrow — avoid doubling */
.bk-product-card__cta--secondary{border:none;padding:10px 4px;color:var(--ink-soft);font-weight:500;letter-spacing:.03em;}
.bk-product-card__cta--secondary:hover{background:transparent;color:var(--accent);}

/* ===== Issue 01 full magazine product card (score/rank/verdict/media-tag) ===== */
.bk-product-card__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--bg-warm);}
.bk-product-card__media img{width:100%;height:100%;object-fit:cover;}
.bk-product-card__media-tag{position:absolute;top:0;left:0;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:rgba(250,247,241,.92);padding:6px 12px;}
.bk-product-card__body{min-width:0;}
.bk-product-card__score{display:flex;align-items:baseline;gap:9px;margin:0 0 4px;}
.bk-product-card__score-num{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:40px;line-height:1;color:var(--accent);}
.bk-product-card__score-of{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);}
.bk-product-card__number{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 16px;}
.bk-product-card__verdict{font-family:var(--font-display);font-style:italic;font-size:16px;line-height:1.45;color:var(--ink-mid);margin:0 0 16px;padding-left:14px;border-left:2px solid var(--accent-soft);}
.bk-product-card__kicker{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px;}
.bk-product-card__title{font-family:var(--font-display);font-size:27px;line-height:1.12;font-weight:500;letter-spacing:-.015em;color:var(--ink);margin:0 0 12px;}
.bk-product-card__copy{font-size:16px;line-height:1.65;color:var(--ink-mid);margin:0 0 18px;max-width:60ch;}
@media (max-width:600px){.bk-product-card__media{aspect-ratio:1/1;}.bk-product-card__score-num{font-size:34px;}}

/* ===== FIX 2026-06-17 — editorial component library (older articles 201/203/205 etc.) ===== */

/* lede — opening paragraph */
.bk-article__body .bk-lede{font-size:20px;line-height:1.55;color:var(--ink);margin:0 0 26px;}

/* badges */
.bk-product-card__badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
.bk-editors-choice{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:var(--accent);padding:5px 11px;}
.bk-best-for{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--rule-strong);color:var(--ink-mid);}
.bk-best-for--gold{border-color:var(--gold);color:var(--gold);}
.bk-best-for--sage{border-color:#6e7b62;color:#5d6a52;}

/* product meta row (price + retailer) */
.bk-product-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0 0 14px;}
.bk-product-card__retailer{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.bk-product-card__note{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}

/* buy button (standalone) */
.bk-article__body .bk-buy-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--ink);padding:12px 22px;text-decoration:none;transition:.15s;}
.bk-article__body .bk-buy-btn::after{content:"\2192";color:var(--accent-soft);}
.bk-article__body .bk-buy-btn:hover{background:var(--accent);color:var(--bg);}

/* verdict + editorial note callouts */
.bk-article__body .bk-verdict{background:var(--bg-warm);border-left:3px solid var(--accent);padding:20px 24px;margin:28px 0;font-size:16px;line-height:1.6;color:var(--ink);}
.bk-article__body .bk-editorial-note{font-size:13px;line-height:1.55;font-style:italic;color:var(--ink-soft);border-top:1px solid var(--rule);padding-top:14px;margin:24px 0;}

/* pullquote variant */
.bk-article__body .bk-pullquote-added{margin:38px 0;padding:4px 0 4px 28px;border-left:3px solid var(--accent);font-family:var(--font-display);font-style:italic;font-weight:500;font-size:24px;line-height:1.34;color:var(--ink);}

/* footer logo */
.footer-logo{display:inline-block;}
.footer-logo img{width:230px;max-width:100%;height:auto;}


/* about page logo */
.bk-about-logo{text-align:center;margin:0 0 12px;}
.bk-about-logo img{width:300px;max-width:78%;height:auto;display:inline-block;}


/* fixes 2026-06-17: drop-cap spacing (#1) + fashion sidebar height (#8) */
.bk-article__body > p:first-of-type::first-letter{margin-right:18px;}
.fashion-grid{align-items:stretch;}

/* how-we-score rubric */
.bk-rubric{margin:24px 0 8px;border-top:2px solid var(--gold);}
.bk-rubric__row{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--rule);}
.bk-rubric__name{font-family:var(--font-display);font-size:20px;font-weight:500;letter-spacing:-.01em;color:var(--ink);}
.bk-rubric__weight{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--accent);}
.bk-rubric__desc{grid-column:1 / -1;font-size:15px;line-height:1.6;color:var(--ink-mid);margin:2px 0 0;max-width:62ch;}

/* score blocks link to /how-we-score/ */
.bk-score-link{display:inline-block;text-decoration:none;color:inherit;}
.bk-score-link:hover .bk-product-card__score-of{color:var(--accent);text-decoration:underline;}

/* ===== a11y contrast fix 2026-06-18 (WCAG 1.4.3) =====
   --ink-soft #87817A failed AA-normal on every ground (3.24-3.72:1).
   Darken it for light grounds; re-scope a lighter value inside the dark footer
   (one colour can't serve cream AND dark). Stop using gold as text on light. */
:root{ --ink-soft:#6E6862; }      /* cream 5.31:1 / warm 4.79:1 — PASS */
.site-footer{ --ink-soft:#ADA79E; } /* on #2C2A26 ~6:1 — PASS, scoped to footer */
.bk-best-for--gold{ color:#735A28; } /* was #b8956a 2.60:1 -> bronze ~6:1, gold border kept */

/* masthead wordmark -> logo font (Cinzel caps) in gold; brand identity = WCAG-exempt */
.brand{font-family:"Cinzel",Georgia,serif;font-style:normal;font-weight:600;font-size:28px;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);}

/* exact logo gold (#BB9351, sampled from boujee-logo-clean.png) + bigger wordmark */
:root{ --gold:#BB9351; }     /* footer h3 on dark = 5.18:1, still passes */
.brand{ font-size:36px; }

/* emblem mark beside one-word wordmark */
.brand{display:inline-flex;align-items:center;gap:12px;}
.brand-mark{height:52px;width:auto;display:block;flex:none;}

/* crown-only mark (cleaner than full emblem at masthead size) */
.brand-mark{height:34px;width:auto;}

/* crown stacked centred above the wordmark */
.brand{flex-direction:column;align-items:center;gap:3px;}
.brand-mark{height:40px;}
.brand-row{align-items:center;}

/* ============================================================
   CANVAS-DESIGN PASS (2026-06-20): buy-row alignment fix,
   article related-sidebar, in-guide verdict cards.
   ============================================================ */

/* FIX: Big Brands buy row — bordered button + bare links now
   share one top/bottom edge (was align-items:center → 2px float). */
.bk-product-card__buy{align-items:stretch;gap:8px 14px;}

/* Article + related "quick menu" sidebar (single.php) */
.bk-single{max-width:1200px;margin:0 auto;padding:48px 32px 80px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0 56px;align-items:start;}
.bk-single .bk-article{max-width:none;margin:0;padding:0;}
.bk-aside{align-self:start;}
.bk-aside__label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px;}
.bk-aside__rule{height:2px;width:34px;background:var(--accent);margin:0 0 18px;}
.bk-aside__list{list-style:none;margin:0;padding:0;}
.bk-aside__item{border-top:1px solid var(--rule);}
.bk-aside__item:first-child{border-top:none;}
.bk-aside__link{display:grid;grid-template-columns:64px 1fr;gap:15px;align-items:center;padding:15px 0;text-decoration:none;}
.bk-aside__thumb{aspect-ratio:1/1;overflow:hidden;background:var(--bg-warm);}
.bk-aside__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.bk-aside__link:hover .bk-aside__thumb img{transform:scale(1.05);}
.bk-aside__cat{display:block;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 5px;}
.bk-aside__title{font-family:var(--font-display);font-size:15px;line-height:1.22;font-weight:500;color:var(--ink);margin:0;transition:color .15s;}
.bk-aside__link:hover .bk-aside__title{color:var(--accent);}
@media(max-width:980px){.bk-single{grid-template-columns:1fr;gap:8px;}.bk-aside{position:static;margin-top:40px;padding-top:30px;border-top:1px solid var(--rule);}}

/* In-article verdict cards (guide pages) */
.bk-guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 14px;}
.bk-guide-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rule);}
.bk-guide-card__media{aspect-ratio:1/1;overflow:hidden;background:var(--bg-warm);}
.bk-guide-card__media img{width:100%;height:100%;object-fit:cover;}
.bk-guide-card__body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1;}
.bk-guide-card__tag{align-self:flex-start;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;margin:0 0 12px;}
.bk-guide-card__tag--buy{color:#2f5d3a;background:rgba(47,93,58,.10);}
.bk-guide-card__tag--wait{color:var(--accent-deep);background:rgba(168,80,54,.10);}
.bk-guide-card__title{font-family:var(--font-display);font-size:19px;line-height:1.15;font-weight:500;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink);}
.bk-guide-card__copy{font-size:14px;line-height:1.55;color:var(--ink-mid);margin:0 0 16px;}
.bk-guide-card__cta{margin-top:auto;align-self:flex-start;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--accent);padding-bottom:2px;transition:.15s;}
.bk-guide-card__cta:hover{color:var(--accent);}
@media(max-width:760px){.bk-guide-cards{grid-template-columns:1fr;gap:16px;}}

/* ============================================================
   2026-06-20: return-ordered multi-retailer buy dropdown
   (native <details>, no JS; summary reuses .bk-buy-btn look).
   Single-retailer products keep a plain named .bk-buy-btn.
   ============================================================ */
.bk-article__body .bk-buy{margin:2px 0 0;}
.bk-article__body .bk-buy summary{list-style:none;cursor:pointer;}
.bk-article__body .bk-buy summary::-webkit-details-marker{display:none;}
.bk-article__body .bk-buy__summary::after{content:"\25BE";color:var(--accent-soft);margin-left:2px;font-size:.85em;transition:transform .2s;}
.bk-article__body .bk-buy[open] .bk-buy__summary::after{transform:rotate(180deg);}
.bk-article__body .bk-buy__menu{display:inline-flex;flex-direction:column;margin-top:8px;border:1px solid var(--ink);min-width:210px;background:var(--surface);}
.bk-article__body .bk-buy__opt{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 16px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);transition:.12s;}
.bk-article__body .bk-buy__opt:last-child{border-bottom:none;}
.bk-article__body .bk-buy__opt .bk-buy__ret{flex:1;}
.bk-article__body .bk-buy__opt .bk-buy__edge{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.1em;color:var(--ink-soft);}
.bk-article__body .bk-buy__opt::after{content:"\2192";color:var(--accent);}
.bk-article__body .bk-buy__opt:hover{background:var(--ink);color:var(--bg);}
.bk-article__body .bk-buy__opt:hover .bk-buy__edge{color:var(--accent-soft);}
.bk-article__body .bk-buy__opt:hover::after{color:var(--accent-soft);}

/* 2026-06-20: score chip for review/ranked 205 cards (gold-on-ink, Fraunces italic) */
.bk-article__body .bk-score-chip{display:inline-flex;align-items:baseline;gap:3px;padding:5px 11px 5px 12px;background:var(--bg-warm);color:var(--ink);border-left:2px solid var(--accent);font-family:var(--font-display);font-style:italic;font-weight:500;font-size:15px;line-height:1;}
.bk-article__body .bk-score-chip i{font-family:var(--font-mono);font-style:normal;font-size:8px;letter-spacing:.08em;color:var(--ink-soft);}

/* 2026-06-20: image-less product cards (sources without product photos) render body-only, not a blank box */
.bk-article__body .bk-product-card__image:empty{display:none;}
.bk-article__body .bk-product-card:has(.bk-product-card__image:empty){grid-template-columns:1fr;}

/* 2026-06-20: sidebar = bigger image-block layout (image on top), mixed recent posts */
.bk-aside__list{display:flex;flex-direction:column;gap:28px;}
.bk-aside__item{border-top:none;}
.bk-aside__item:first-child{border-top:none;}
.bk-aside__link{display:block;padding:0;}
.bk-aside__thumb{aspect-ratio:16/10;margin:0 0 11px;}
.bk-aside__cat{margin:0 0 5px;}
.bk-aside__title{font-size:17px;line-height:1.28;}

/* 2026-06-20: editorial masthead - title block spans top, body+rail share one baseline */
.bk-article-head{grid-column:1 / -1;max-width:calc(100% - 396px);}
.bk-article__body > :first-child{margin-top:0;}
.bk-article__body > :last-child{margin-bottom:0;}
@media(max-width:980px){.bk-article-head{max-width:none;}}

/* 2026-06-20 bug-fix: skip link (WCAG 2.4.1) */
.bk-skip-link{position:absolute;left:-9999px;top:auto;z-index:9999;background:var(--ink);color:var(--bg);padding:11px 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;}
.bk-skip-link:focus{left:8px;top:8px;}

/* 2026-06-20 bug-fix: cookie-notice button contrast (was #00a99d 2.93:1 on white) */
#cn-accept-cookie,#cn-refuse-cookie,#cn-more-info,.cookie-notice-container .cn-button{background-color:#00695c !important;}