/* ==========================================================================
   BROWNSTONE MOMS — BRAND STYLESHEET
   Espresso + cream · script display · soft serif headlines · cameo motif
   Apply helper classes (e.g. bsm-eyebrow) in any Kadence block's
   "Advanced → Additional CSS class(es)" field.
   ========================================================================== */

/* ---- Licensed fonts (self-host, then uncomment) -------------------------
   Drop the licensed webfont files into /assets/fonts/ and uncomment.
   Until then, brand.css falls back to Pinyon Script + Fraunces (loaded in
   functions.php). See assets/fonts/_README.txt.

@font-face{
  font-family:"Mozart Script EXT";
  src:url("fonts/MozartScriptEXT.woff2") format("woff2");
  font-weight:400; font-display:swap;
}
@font-face{
  font-family:"Cooper BT";
  src:url("fonts/CooperBT-Regular.woff2") format("woff2");
  font-weight:400; font-display:swap;
}
@font-face{
  font-family:"Cooper BT";
  src:url("fonts/CooperBT-Medium.woff2") format("woff2");
  font-weight:500; font-display:swap;
}
-------------------------------------------------------------------------- */

:root{
  --bsm-espresso:#352C26;
  --bsm-espresso-2:#2B231E;
  --bsm-white:#FFFFFF;
  --bsm-linen:#EFE7DA;
  --bsm-sand:#E3D6C3;
  --bsm-clay:#B79E86;
  --bsm-mocha:#6B5847;

  --bsm-script:"Mozart Script EXT","Pinyon Script",cursive;
  --bsm-serif:"Cooper BT","Fraunces",Georgia,serif;
  --bsm-body:"EB Garamond",Georgia,serif;
}

/* ---- Global type defaults (Kadence Global Typography also controls these) -- */
body{ font-family:var(--bsm-body); }
h1,h2,h3,h4,.entry-title,.site-title{ font-family:var(--bsm-serif); font-weight:400; }

/* ---- Eyebrow / label ----------------------------------------------------- */
.bsm-eyebrow{
  font-family:var(--bsm-body)!important;
  text-transform:uppercase;
  letter-spacing:.4em;
  font-size:.74rem;
  color:var(--bsm-clay);
}

/* ---- Script display (use for "Brownstone", section accents) --------------- */
.bsm-script{
  font-family:var(--bsm-script)!important;
  font-weight:400;
  line-height:.9;
}

/* ---- Soft serif headline ------------------------------------------------- */
.bsm-headline{
  font-family:var(--bsm-serif)!important;
  font-weight:400;
  line-height:1.05;
}

/* ---- Italic accent ------------------------------------------------------- */
.bsm-italic{ font-style:italic; font-family:var(--bsm-serif)!important; }

/* ---- Pull quote ---------------------------------------------------------- */
.bsm-pullquote{
  font-family:var(--bsm-serif)!important;
  font-style:italic;
  border-left:2px solid var(--bsm-clay);
  padding-left:1.3rem;
  line-height:1.3;
}

/* ---- Big stat number ----------------------------------------------------- */
.bsm-stat{
  font-family:var(--bsm-serif)!important;
  font-weight:500;
  line-height:.85;
}

/* ---- Buttons (square, letter-spaced) — add to Kadence Button "CSS class" -- */
.bsm-btn .kb-button,
.bsm-btn.wp-block-button .wp-block-button__link{
  border-radius:0!important;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.74rem;
  font-family:var(--bsm-body)!important;
  border:1px solid currentColor;
  transition:background .35s ease,color .35s ease;
}

/* ---- Editorial photo frame (add to Kadence Image block) ------------------ */
.bsm-frame img{
  border:6px solid var(--bsm-white);
  box-shadow:0 22px 50px rgba(53,44,38,.22);
}

/* ---- Dashed "postcard" divider (Row block) ------------------------------- */
.bsm-postcard{
  border:1px solid rgba(53,44,38,.16);
  box-shadow:0 30px 70px rgba(53,44,38,.18);
}

/* ---- Pillar row hover (add to a Kadence Row used as a list item) --------- */
.bsm-pillar{ transition:padding-left .35s ease; }
.bsm-pillar:hover{ padding-left:.6rem; }

/* ---- Marquee strip (optional) -------------------------------------------- */
.bsm-marquee{ overflow:hidden; white-space:nowrap; }
.bsm-marquee .kt-adv-heading-inner-wrap{
  display:inline-block; animation:bsm-scroll 34s linear infinite;
  text-transform:uppercase; letter-spacing:.34em;
}
@keyframes bsm-scroll{ to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){
  .bsm-marquee .kt-adv-heading-inner-wrap{ animation:none; }
}

/* ---- Focus visibility (accessibility floor) ------------------------------ */
:focus-visible{ outline:2px solid var(--bsm-clay); outline-offset:3px; }