/* ========== TBD (The Bakers' Dozen) brand tokens ========== */
body.tbd-site{
  --tbd-primary-bg:#26272B;
  --tbd-footer-bg:#23242A;
  --tbd-footer-input-bg:#393A40;
  --tbd-footer-dark-bg:#191A1F;
  --tbd-dark-yellow:#F0C000;
  --tbd-yellow:#FFDE59;
  --tbd-light-yellow:#FFF2BD;
  --tbd-cream-yellow:#FFFBEB;
  --tbd-primary-text:#23242A;
  --tbd-light-text:#3C3C3C;
  --tbd-dark-text:#202126;
  --tbd-light-border:#CECECE;
  --tbd-dark-gray:#3D3F48;
  --tbd-kalam-ink:rgba(32,33,38,0.9);
  --tbd-red:#DF022E;
  --tbd-orange:#FF7A00;
  --tbd-paper:#FFFFFF;
  --tbd-font-body:'Poppins',ui-sans-serif,system-ui,sans-serif;
  --tbd-font-display:'Bebas Neue','Poppins',sans-serif;
  --tbd-font-hand:'Kalam',cursive;
  --tbd-font-serif:'Instrument Serif',serif;
  --tbd-container:1320px;
  font-family:var(--tbd-font-body);
  color:var(--tbd-primary-text);
  background:#fff;
}
body.tbd-site .elementor *{box-sizing:border-box}
body.tbd-site .elementor-button{font-family:var(--tbd-font-body)!important;font-weight:600!important;letter-spacing:0!important;border-radius:14px!important}
body.tbd-site .elementor h1,body.tbd-site .elementor h2,body.tbd-site .elementor h3,body.tbd-site .elementor h4,body.tbd-site .elementor h5{font-family:var(--tbd-font-body);font-weight:500}
body.tbd-site .elementor .e-con-inner,body.tbd-site .elementor .e-con{max-width:none}
body.tbd-site .elementor .tbd-container > .e-con-inner{max-width:var(--tbd-container);margin-inline:auto;padding-inline:max(20px,5vw)}

/* ===== TBD top features-bar (very thin scroller) ===== */
.tbd-feat-bar{background:var(--tbd-dark-gray);color:rgba(255,255,255,.89);font-family:var(--tbd-font-body);overflow:hidden}
.tbd-feat-bar ul{display:flex;align-items:center;gap:20px;padding:6px 12px;list-style-type:'|';font-size:9px;max-width:1520px;margin:0 auto;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}
.tbd-feat-bar ul::-webkit-scrollbar{display:none}
.tbd-feat-bar li{min-width:fit-content;padding-left:20px;white-space:nowrap}
.tbd-feat-bar li:first-child{list-style-type:none;padding-left:0}

/* ===== TBD primary nav (sticky on dark) ===== */
.tbd-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(20px,5vw);background:var(--tbd-primary-bg);color:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(255,255,255,.05)}
.tbd-nav a{color:#fff;text-decoration:none}
.tbd-nav .tbd-logo img{height:34px;width:auto;display:block}
.tbd-nav .tbd-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:500;font-family:var(--tbd-font-body)}
.tbd-nav .tbd-links a{opacity:.85;transition:opacity .2s,color .2s}
.tbd-nav .tbd-links a:hover{opacity:1;color:var(--tbd-yellow)}
.tbd-nav .tbd-mobile{display:none;background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer}
@media (max-width:880px){.tbd-nav .tbd-links{display:none}.tbd-nav .tbd-mobile{display:block}}

/* ===== TBD secondary features bar (yellow ticker) ===== */
.tbd-feat-bar-2{background:var(--tbd-yellow);color:var(--tbd-primary-text);overflow:hidden;padding:14px 0;border-block:1px solid rgba(0,0,0,.05)}
.tbd-feat-bar-2 ul{display:flex;align-items:center;gap:48px;width:max-content;margin:0;padding:0;list-style:none;animation:tbd-feat-bar 32s linear infinite}
.tbd-feat-bar-2 li{font-family:var(--tbd-font-display);font-weight:400;font-size:clamp(20px,2.4vw,36px);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;position:relative;padding-left:48px}
.tbd-feat-bar-2 li::before{content:'\2727';position:absolute;left:0;top:50%;transform:translateY(-50%);color:#000;font-size:.7em}
@keyframes tbd-feat-bar{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tbd-feat-bar-2 ul{animation:none}}

/* ===== TBD primary / secondary button (matches existing brand) ===== */
.tbd-btn-primary.elementor-button,.tbd-btn-primary .elementor-button{background:var(--tbd-yellow)!important;color:#000!important;border-radius:14px!important;padding:16px 20px!important;font-size:12px!important;font-weight:600!important;border:0!important}
.tbd-btn-primary.elementor-button:hover,.tbd-btn-primary .elementor-button:hover{background:#fff!important;color:#000!important;transform:translateY(-1px)}
.tbd-btn-secondary.elementor-button,.tbd-btn-secondary .elementor-button{background:#fff!important;color:#000!important;border-radius:14px!important;padding:16px 20px!important;font-size:12px!important;font-weight:600!important;border:0!important}
.tbd-btn-secondary.elementor-button:hover,.tbd-btn-secondary .elementor-button:hover{background:var(--tbd-yellow)!important}

/* ===== TBD footer (rich, dark) ===== */
.tbd-footer{background:var(--tbd-footer-bg);color:#fff;padding:64px max(20px,5vw) 0}
.tbd-footer .tbd-footer-inner{max-width:var(--tbd-container);margin-inline:auto;display:grid;grid-template-columns:200px repeat(3,minmax(0,1fr)) 280px;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.tbd-footer .tbd-footer-logo img{width:120px;height:auto;display:block}
.tbd-footer h4{font-family:var(--tbd-font-body);font-size:14px;font-weight:600;letter-spacing:.02em;margin:0 0 18px;color:#fff;text-transform:uppercase}
.tbd-footer p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.7);margin:0 0 16px}
.tbd-footer form{display:flex;gap:0;background:var(--tbd-footer-input-bg);border-radius:12px;overflow:hidden;padding:6px}
.tbd-footer form input{flex:1;background:transparent;border:0;color:#fff;padding:8px 10px;font:inherit;font-size:13px;outline:none}
.tbd-footer form input::placeholder{color:rgba(255,255,255,.45)}
.tbd-footer form button{background:var(--tbd-yellow);color:#000;border:0;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600;cursor:pointer}
.tbd-footer .tbd-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.tbd-footer .tbd-footer-links ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.tbd-footer .tbd-footer-links a{color:rgba(255,255,255,.78);font-size:13px;text-decoration:none;transition:color .2s}
.tbd-footer .tbd-footer-links a:hover{color:var(--tbd-yellow)}
.tbd-footer .tbd-contact{display:flex;flex-direction:column;gap:14px}
.tbd-footer .tbd-contact-row{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.78);font-size:13px;line-height:1.55}
.tbd-footer .tbd-contact-row img{width:18px;height:18px;margin-top:2px;flex:0 0 18px}
.tbd-footer .tbd-copyright{max-width:var(--tbd-container);margin:0 auto;padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;color:rgba(255,255,255,.55)}
.tbd-footer .tbd-copyright h3{margin:0;font-size:12px;font-weight:400;color:inherit}
.tbd-footer .tbd-social{display:flex;gap:18px}
.tbd-footer .tbd-social a{opacity:.8;transition:opacity .2s,transform .2s}
.tbd-footer .tbd-social a:hover{opacity:1;transform:translateY(-2px)}
.tbd-footer .tbd-social img{width:20px;height:20px;display:block}
@media (max-width:1020px){.tbd-footer .tbd-footer-inner{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.tbd-footer .tbd-footer-inner{grid-template-columns:1fr}}

/* ===== Cross-page section accents we'll reuse from Elementor classes ===== */
.tbd-on-dark{background:var(--tbd-primary-bg)!important;color:#fff!important}
.tbd-on-dark *{color:inherit}
.tbd-on-dark h1,.tbd-on-dark h2,.tbd-on-dark h3{color:#fff!important}
.tbd-on-cream{background:var(--tbd-cream-yellow)!important}
.tbd-on-yellow{background:var(--tbd-yellow)!important;color:#000!important}
.tbd-kalam{font-family:var(--tbd-font-hand)!important;color:var(--tbd-kalam-ink)!important;font-weight:400!important}
.tbd-serif{font-family:var(--tbd-font-serif)!important;font-weight:400!important;letter-spacing:-.01em!important}
.tbd-display{font-family:var(--tbd-font-display)!important;font-weight:400!important;letter-spacing:.02em!important;text-transform:uppercase}
.tbd-deco{color:var(--tbd-orange)!important}

/* Hide site title / native chrome on TBD pages */
body.tbd-site .bls-topbar,body.tbd-site .bls-footer{display:none!important}

/* Card styles used by best-sellers / social-with-us */
.tbd-card-bestseller{background:#fff;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:14px}
.tbd-card-bestseller img{width:100%;border-radius:16px;display:block}
.tbd-card-social{background:#fff;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:14px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.tbd-card-social > img:first-child{width:100%;border-radius:14px;display:block}
/* ===== Global header/footer when rendered outside the original .hero-section wrapper ===== */
body.tbd-site .tbd-global-header{background-color:#26272B;background-image:url('/wp-content/uploads/tbd-import/assets/images/bg-vector.svg');background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:50}
body.tbd-site .tbd-global-header .features-bar{background-color:#3D3F48}
body.tbd-site .tbd-global-header .primary-nav{color:#fff}
body.tbd-site .tbd-global-header .nav-links{color:#fff}

/* The hero widget still renders a fresh <main class="hero-section"> so the dark continues seamlessly */
body.tbd-site main.hero-section{margin-top:0!important}

/* Footer rendered via wp_footer needs the original .footer wrapper to inherit dark theme */
body.tbd-site .tbd-global-footer{background-color:#23242A;color:#fff;padding:0}
body.tbd-site .tbd-global-footer .footer,body.tbd-site .tbd-global-footer .copyright{color:#fff}

/* Hide the old TBD chrome generated by the earlier mu-plugin output (legacy classes) */
body.tbd-site .tbd-feat-bar,body.tbd-site .tbd-nav,body.tbd-site .tbd-footer{display:none!important}