/* Tahani Boutique — style layer (2 Oct 2026)

   Back to Naila's own brand board after she said she didn't like the pink
   of the 1 Oct TreatBox-style version. Colours and fonts only: no grid,
   spacing or markup changes.

     Warm Ivory  #F7F3EC  main background — soft, elegant and timeless
     Espresso    #29231F  primary text and logo colour; buttons
     Burgundy    #6B2638  signature accent — highlights, CTAs, key graphics
     Taupe       #B7A697  secondary neutral — rules, small details
     White       #FFFFFF  clean background for product images and cards

   Headings: Cormorant Garamond. Body and calls to action: DM Sans.

   Loaded after main.css and builder.css (inc/brand.php, priority 30).
   To go back to the pink TreatBox-style version, revert snapshot
   20261002-152224-1a8be3ba. */

:root{
	--tb-ivory-warm:#F7F3EC;
	--tb-ink:#29231F;
	--tb-burgundy:#6B2638;
	--tb-burgundy-deep:#561E2D;
	--tb-taupe:#B7A697;
	--tb-ivory-deep:#EFE8DD;     /* alternate sections, a shade under ivory */

	--tb-ivory:#FFFFFF;          /* cards and product photography */
	--tb-cream:#EFE8DD;          /* alternate sections */
	--tb-sand:#EFE8DD;
	--tb-espresso:#29231F;       /* headings */
	--tb-text:#3A322D;
	--tb-brown:#3A322D;
	--tb-brown-dark:#29231F;
	--tb-rose:#B7A697;
	--tb-rose-dark:#6B2638;      /* highlights → burgundy */
	--tb-mocha:#8C7D70;          /* small eyebrows */
	--tb-text-muted:#6A5F57;
	--tb-border:#E3DACE;         /* warm taupe-tinted rules */
	--tb-gold:#B7A697;
	--radius:14px;
}

/* ── Type ── */
body{
	font-family:"DM Sans","Helvetica Neue",Arial,sans-serif;
	background:var(--tb-ivory-warm);color:var(--tb-text);
}
h1,h2,h3,h4,.font-display,
.tile-label,.hbc-heading,.tb-faq-question,.footer-lockup-name,
.tb-bx-card-name,.tb-bx-summary-total strong,.tb-bx-total strong,
.tb-bx-bar-price strong,.tb-byo-from,.tb-bx-engraving-text input{
	font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif !important;
	font-weight:500;letter-spacing:.005em;color:var(--tb-ink);
}
.hero-split .hero-intro h1{color:var(--tb-ink);}
.tile-label small,.hero-panel-eyebrow,.section-eyebrow,.hero-eyebrow,.hbc-eyebrow,
.usp-strip h4,.tb-bx-card-meta,.tb-bx-rail li,.site-logo-tagline{
	font-family:"DM Sans","Helvetica Neue",Arial,sans-serif !important;
}
.usp-strip h4{font-weight:600;}
body .tb-consent,body .tb-consent-reopen{font-family:"DM Sans",system-ui,sans-serif;}
.primary-nav a{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;}
.primary-nav a:hover{color:var(--tb-burgundy);}

/* ── Buttons: espresso, burgundy on hover ── */
.btn,
.hero-panel .btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.submit-wrap input.ninja-forms-field[type="submit"]{
	background:var(--tb-ink);border:1.5px solid var(--tb-ink);color:#fff;
	border-radius:4px;font-family:"DM Sans",sans-serif;
	letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:500;
}
.btn:hover,
.hero-panel .btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.submit-wrap input.ninja-forms-field[type="submit"]:hover{
	background:var(--tb-burgundy);border-color:var(--tb-burgundy);color:#fff;
}
.btn-outline{background:transparent;color:var(--tb-ink);border-color:var(--tb-ink);}
.btn-outline:hover{background:var(--tb-ink);color:#fff;border-color:var(--tb-ink);}

.woocommerce .button.disabled,
.woocommerce .button:disabled,
.woocommerce .single_add_to_cart_button.disabled,
.woocommerce .single_add_to_cart_button.wc-variation-selection-needed,
.tb-bx-next:disabled,.tb-bx-submit:disabled{
	background:var(--tb-border);border-color:var(--tb-border);color:var(--tb-text-muted);
}
.quantity .qty{border-radius:4px;}
.link-cta:hover{color:var(--tb-burgundy);border-color:var(--tb-burgundy);}

/* ── Bands ── */
.announcement-bar{background:var(--tb-burgundy);color:#fff;}
.newsletter{background:var(--tb-burgundy);}
.site-header{background:var(--tb-ivory-warm);}
.header-cart-count{background:var(--tb-burgundy);}

/* Veils tinted to warm ivory so the photography stays soft */
.hero-panel::after{
	background:linear-gradient(180deg,rgba(247,243,236,.02) 0%,rgba(247,243,236,.55) 40%,rgba(247,243,236,.92) 68%,rgba(247,243,236,.985) 100%);
}
.tile::after{background:linear-gradient(180deg,rgba(247,243,236,0) 34%,rgba(247,243,236,.80) 68%,rgba(247,243,236,.96) 100%);}

/* ── Cards: white on ivory ── */
.product-card,ul.products li.product,.blog-card,.tb-faq-item{background:#fff;}
.tile{border:3px solid #fff;box-shadow:0 0 0 1px var(--tb-border);}
.price,.product-price{color:var(--tb-ink);font-weight:600;}

/* ── Build Your Own band on the home page ── */
.tb-byo{background:var(--tb-ivory-deep);border-color:var(--tb-border);}
.tb-byo-steps li span{background:var(--tb-ink);border-color:var(--tb-ink);color:#fff;}
.tb-byo-shots img{border:3px solid #fff;}

/* ── Build Your Own page: numbered step tracker ── */
.tb-bx{background:var(--tb-ivory-warm);}
.tb-bx-rail{counter-reset:tbstep;}
.tb-bx-rail li{
	counter-increment:tbstep;border-top:0;padding-top:0;
	color:#A99C90;letter-spacing:.06em;font-size:.68rem;text-transform:none;
}
.tb-bx-rail li::before{
	content:counter(tbstep);display:flex;align-items:center;justify-content:center;
	width:30px;height:30px;margin:0 auto 7px;border-radius:50%;
	background:#DCD2C6;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:0;
	transition:background .2s ease;
}
.tb-bx-rail li.is-done{color:var(--tb-text);}
.tb-bx-rail li.is-done::before{background:var(--tb-taupe);}
.tb-bx-rail li.is-current{color:var(--tb-ink);font-weight:600;}
.tb-bx-rail li.is-current::before{background:var(--tb-burgundy);}

.tb-bx-card{background:#fff;border:3px solid #fff;box-shadow:0 0 0 1px var(--tb-border);}
.tb-bx-card:hover{box-shadow:0 0 0 1px var(--tb-taupe),0 12px 28px rgba(41,35,31,.08);}
.tb-bx-card.is-selected{border-color:var(--tb-burgundy);box-shadow:none;}
.tb-bx-card.is-selected::after{background:var(--tb-burgundy);}
.tb-bx-card-meta,.tb-bx-row-price,.tb-bx-included li::before{color:var(--tb-burgundy);}
.tb-bx-summary,.tb-bx-review,.tb-bx-fallback{background:#fff;border-color:var(--tb-border);}
.tb-bx-bar{background:#fff;}
.tb-bx-engraving-text input,.tb-bx-message textarea{background:#fff;border-radius:6px;}

/* Thin rule under section headings, in taupe */
.section-head h2::after{
	content:"";display:block;width:44px;height:2px;background:var(--tb-taupe);
	margin:18px auto 0;
}

/* ── Logo (2 Oct 2026) ──
   Naila's new stacked "TB / TAHANI / BOUTIQUE" logo, to match her social
   media. It is square-ish rather than wide like the old script wordmark,
   so it needs more height to stay legible, and the tagline is centred
   under it. */
.site-logo-text{align-items:center;}
.site-logo-lockup img.site-logo-img{height:78px !important;}
.site-logo-tagline{margin-top:6px;color:var(--tb-burgundy);}
.footer-grid .site-logo-lockup img.site-logo-img{height:96px !important;}
.footer-grid .site-logo-text{align-items:flex-start;}
@media (max-width: 980px){
	.site-header .container{padding-top:12px;padding-bottom:12px;}
	.site-logo-lockup img.site-logo-img{height:60px !important;}
	.site-header .site-logo-tagline{display:none;}
}