/*
 * bakt components.
 * Tokens come from theme.json (--wp--preset--*). Short aliases below keep this file readable.
 * Square corners, hairlines, no shadows. Breakpoint: 760px (design system "mobile").
 * Labels, nav, buttons and badges use true small caps (Alegreya Sans SC, --bk-sc), typed in sentence case;
 * never text-transform: uppercase (owner decision 2026-10-04, replaces the design's Montserrat spaced capitals).
 */

:root {
	--bk-espresso: var(--wp--preset--color--espresso, #3e2f23);
	--bk-sage: var(--wp--preset--color--sage, #6b7a63);
	--bk-ivory: var(--wp--preset--color--ivory, #f7f4ed);
	--bk-olive: var(--wp--preset--color--olive, #48422b);
	--bk-alt: var(--wp--preset--color--surface-alt, #efeadf);
	--bk-muted: var(--wp--preset--color--ink-muted, #6e5f52);
	--bk-sage-ink: var(--wp--preset--color--sage-ink, #5f6e58);
	--bk-line: var(--wp--preset--color--line, #d9d2c3);
	--bk-danger: var(--wp--preset--color--danger, #9a3b2e);
	--bk-violet: var(--wp--preset--color--valkyrie-violet, #2a1230);
	--bk-gilt: var(--wp--preset--color--valkyrie-gilt, #f3b46f);
	--bk-rose: var(--wp--preset--color--valkyrie-rose, #8a2a4a);
	--bk-paper: var(--wp--preset--color--valkyrie-paper, #f5ede2);
	--bk-display: var(--wp--preset--font-family--display, "Libre Bodoni", Georgia, serif);
	--bk-sc: var(--wp--preset--font-family--smallcaps, "Alegreya Sans SC", "Helvetica Neue", Arial, sans-serif);
	--bk-sans: var(--wp--preset--font-family--sans, Montserrat, Arial, sans-serif);
	--bk-focus: 2px solid var(--bk-espresso);
}

/* ---------- Base ---------- */

@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

html { scroll-padding-top: 24px; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; height: auto; }
/* Form controls don't inherit fonts by default (WooCommerce's qty buttons fell back to Arial). */
button, input, select, textarea, optgroup { font-family: inherit; }
::selection { background: var(--bk-espresso); color: var(--bk-ivory); }

/* Stacked template regions and full-width sections sit flush; sections own their padding. */
.wp-site-blocks > *,
.bakt-main > .wp-block-post-content > .alignfull,
.bakt-main > .wp-block-post-content > .wp-block-group.alignfull + .wp-block-group.alignfull { margin-block-start: 0; }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: var(--bk-focus); outline-offset: 3px; }
:where(.has-espresso-background-color, .bk-product--valkyrie) :where(a, button, input):focus-visible { outline-color: var(--bk-ivory); }

.screen-reader-text:not(:focus) { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }

/* ---------- Text styles ---------- */

.is-style-label,
.bk-label { font-family: var(--bk-sc); font-size: 15px; font-weight: 500; letter-spacing: .08em; line-height: 1.4; text-transform: none; }

.is-style-eyebrow,
.bk-eyebrow { font-family: var(--bk-sc); display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 500; letter-spacing: .08em; line-height: 1.4; text-transform: none; color: var(--bk-sage-ink); }
.is-style-eyebrow::before,
.bk-eyebrow::before { content: ""; width: 28px; height: 1px; background: var(--bk-sage); flex: none; }

.is-style-price,
.bk-price { font-size: 13px; font-weight: 500; letter-spacing: .14em; line-height: 1.4; }

.is-style-lede { font-family: var(--bk-display); font-style: italic; font-size: var(--wp--preset--font-size--lede); line-height: 1.5; color: var(--bk-muted); }

.is-style-spaced { font-family: var(--bk-display); font-weight: 400; letter-spacing: .3em; text-transform: uppercase; }

.bakt-measure { max-width: 62ch; }
.bakt-rose { color: var(--bk-rose); }
.bakt-sage-ink { color: var(--bk-sage-ink); }

/* ---------- Buttons ---------- */

.wp-element-button, .wp-block-button__link, .bk-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	min-height: 48px; box-sizing: border-box; text-decoration: none; cursor: pointer;
	transition: background-color .2s, color .2s, border-color .2s;
}
.bk-btn {
	padding: 0 28px; border: 1px solid var(--bk-espresso); border-radius: 0;
	background: var(--bk-espresso); color: var(--bk-ivory);
	font-family: var(--bk-sc); font-size: 15px; font-weight: 700; letter-spacing: .08em; line-height: 1.4; text-transform: none;
}
.bk-btn:hover { background: #2e2219; border-color: #2e2219; color: var(--bk-ivory); }
.bk-btn[disabled], .bk-btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }

.is-style-secondary .wp-block-button__link,
.bk-btn--secondary { background: transparent; color: var(--bk-espresso); }
.is-style-secondary .wp-block-button__link:hover,
.bk-btn--secondary:hover { background: var(--bk-espresso); color: var(--bk-ivory); }

.is-style-link .wp-block-button__link,
.bk-link {
	min-height: 0; padding: 0 0 4px; background: none; border: 0; border-bottom: 1px solid currentColor; border-radius: 0;
	font-family: var(--bk-sc); color: var(--bk-espresso); font-size: 15px; font-weight: 700; letter-spacing: .08em; text-transform: none; text-decoration: none;
	display: inline-block; align-self: flex-start;
}
.is-style-link .wp-block-button__link:hover,
.bk-link:hover { background: none; color: var(--bk-sage-ink); border-color: var(--bk-sage); }

.is-style-gilt .wp-block-button__link,
.bk-btn--gilt { background: var(--bk-gilt); border-color: var(--bk-gilt); color: var(--bk-violet); }
.is-style-gilt .wp-block-button__link:hover,
.bk-btn--gilt:hover { background: #f7c88f; border-color: #f7c88f; color: var(--bk-violet); }

.is-style-violet .wp-block-button__link,
.bk-btn--violet { background: var(--bk-violet); border-color: var(--bk-violet); color: var(--bk-ivory); }
.is-style-violet .wp-block-button__link:hover,
.bk-btn--violet:hover { background: #43204d; border-color: #43204d; color: var(--bk-ivory); }

.bk-btn--block { width: 100%; }

/* ---------- Badge ---------- */

/* Fill uses sage-ink (#5f6e58) not sage: ivory 10px text on sage is 4.17:1 and fails AA. */
.bk-badge { font-family: var(--bk-sc); display: inline-block; padding: 5px 10px; background: var(--bk-sage-ink); color: var(--bk-ivory); font-size: 14px; font-weight: 700; letter-spacing: .08em; line-height: 1.4; text-transform: none; }
.bk-badge--gilt { background: var(--bk-gilt); color: var(--bk-violet); }
.bk-badge--closed { background: var(--bk-espresso); color: var(--bk-ivory); }

/* ---------- Lists ---------- */

.is-style-plain, .is-style-plain-2col, .is-style-plain-3col { list-style: none; padding: 0; margin: 0; }
.is-style-plain-2col, .is-style-plain-3col { display: grid; gap: 8px 24px; }
.is-style-plain-2col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.is-style-plain-3col { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ---------- Photo placeholders (never ship another brand's photo) ---------- */

.is-style-placeholder, .is-style-placeholder-ivory, .bk-ph {
	display: flex; align-items: center; justify-content: center; text-align: center;
	padding: 16px; position: relative; overflow: hidden;
	font-family: var(--bk-sc); font-size: 14px; font-weight: 500; letter-spacing: .08em; line-height: 1.5; text-transform: none;
}
.is-style-placeholder, .bk-ph--olive { background: var(--bk-olive); color: var(--bk-ivory); }
.is-style-placeholder-ivory, .bk-ph--ivory { background: #e4ddcd; color: var(--bk-muted); }
.is-style-placeholder > *, .is-style-placeholder-ivory > * { margin: 0; }

/* ---------- Header ---------- */

.bakt-site-header { position: relative; z-index: 10; }
.bakt-header { background: var(--bk-ivory); border-bottom: 1px solid var(--bk-line); }
.bakt-header__in {
	display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center;
	height: var(--wp--custom--header-height, 76px); gap: 16px;
}
.bakt-header__in > * { margin: 0 !important; }
.bakt-header__nav .wp-block-navigation__container { gap: 28px; }
.bakt-header__nav a,
.bakt-header__tools a,
.bakt-back a {
	font-family: var(--bk-sc); font-size: 15px; font-weight: 500; letter-spacing: .08em; text-transform: none; text-decoration: none; color: var(--bk-espresso);
}
.bakt-header__nav a:hover, .bakt-header__tools a:hover, .bakt-back a:hover { color: var(--bk-sage-ink); }
.bakt-header__logo { margin: 0; }
.bakt-header__logo img { display: block; }
.bakt-header__logo a { display: block; padding: 6px 0; }
.bakt-header__tools { gap: 28px; justify-content: flex-end; }
.bakt-header__tools > * { margin: 0; }
/* Icon links in the header nav (home, mailing list): label hidden visually, icon drawn with a mask in currentColor. */
.bakt-nav-icon .wp-block-navigation-item__content { display: inline-flex; align-items: center; padding: 4px 0; }
.bakt-nav-icon .wp-block-navigation-item__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.bakt-nav-icon .wp-block-navigation-item__content::before { content: ""; display: block; width: 21px; height: 21px; background: currentColor; -webkit-mask: var(--bk-icon) center / contain no-repeat; mask: var(--bk-icon) center / contain no-repeat; }
.bakt-nav-icon--home { --bk-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3'%3E%3Cpath d='M3.5 11 12 4l8.5 7'/%3E%3Cpath d='M5.5 9.6V20h13V9.6'/%3E%3Cpath d='M10 20v-5.5h4V20'/%3E%3C/svg%3E"); }
.bakt-nav-icon--mail { --bk-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3'%3E%3Crect x='3.5' y='6' width='17' height='12'/%3E%3Cpath d='m3.8 6.5 8.2 6.5 8.2-6.5'/%3E%3C/svg%3E"); }
/* Cart: bag icon with the item count beside it. */
.bk-cart-link a { display: inline-flex; align-items: center; gap: 6px; }
.bk-cart-link__icon { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.bk-cart-link__count { font-family: var(--bk-sans); font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: .04em; min-width: 1ch; padding-top: 3px; }

.bakt-header--valkyrie { background: transparent; border-bottom-color: rgba(62, 47, 35, .25); }
.bakt-back a { display: inline-flex; align-items: center; gap: 10px; }
.bakt-back a::before { content: ""; width: 7px; height: 7px; border-left: 1.25px solid currentColor; border-bottom: 1.25px solid currentColor; transform: rotate(45deg); margin-left: 3px; }

/* ---------- Footer ---------- */

.bakt-footer { color: var(--bk-ivory); }
.bakt-footer a { color: var(--bk-ivory); text-decoration: none; }
.bakt-footer a:hover { color: var(--bk-ivory); text-decoration: underline; text-underline-offset: 4px; }
.bakt-footer__in { gap: 32px; }
.bakt-footer__in > * { margin: 0 !important; }
.bakt-footer__logo img { display: block; height: auto; }
.bakt-footer__links { display: flex; gap: 28px; flex-wrap: wrap; }
.bakt-footer__legal { opacity: .85; }

/* ---------- Launch: about ---------- */

.bakt-about__title { max-width: 16ch; }
.bakt-about__cols { margin: 0; }

/* ---------- Launch: product pair + card ---------- */

.bakt-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: stretch; }
.bakt-pair > * { margin: 0 !important; }

.bk-product { position: relative; display: flex; flex-direction: column; background: var(--bk-alt); color: var(--bk-espresso); overflow: hidden; margin: 0; }
.bk-product__media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--bk-alt); }
.bk-product__media > img, .bk-product__media > .bk-ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bk-product__media .bk-badge { position: absolute; top: 32px; left: 32px; z-index: 3; }
.bk-product__body { position: relative; flex: 1; display: flex; flex-direction: column; gap: 18px; padding: 36px 40px 44px; }
.bk-product__body > * { margin: 0; }
.bk-product__eyebrow { color: var(--bk-sage-ink); }
.bk-product__name { font-family: var(--bk-display); font-weight: 400; font-size: var(--wp--preset--font-size--display-m); line-height: 1.15; margin: 0; color: inherit; }
.bk-product__lede { font-family: var(--bk-display); font-style: italic; font-size: 18px; line-height: 1.5; }
.bk-product__desc { color: var(--bk-muted); }
.bk-product__desc > * { margin: 0; }
.bk-product__flavours { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(var(--bk-cols, 2), minmax(0, 1fr)); gap: 8px 24px; font-size: 13px; line-height: 1.6; color: var(--bk-muted); }
.bk-product__facts { display: flex; gap: 24px; flex-wrap: wrap; padding: 16px 0; margin: 0; border-top: 1px solid var(--bk-line); border-bottom: 1px solid var(--bk-line); }
.bk-product__fact { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.bk-product__fact dt { font-family: var(--bk-sc); font-size: 14px; font-weight: 500; letter-spacing: .08em; line-height: 1.4; text-transform: none; color: var(--bk-sage-ink); }
.bk-product__fact dd { margin: 0; font-size: 13px; font-weight: 500; letter-spacing: .14em; line-height: 1.4; }
.bk-product__buy { margin-top: auto !important; display: flex; flex-direction: column; gap: 14px; padding-top: 6px; }
.bk-product__price-row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; }
.bk-product__price-row .bk-price { font-size: 16px; }
.bk-product__note { font-size: 13px; line-height: 1.6; color: var(--bk-muted); }
.bk-product__closed { font-size: 13px; line-height: 1.6; }

/* Buy form (card + standalone) */
.bk-buy { display: flex; gap: 12px; margin: 0; }
.bk-buy .bk-btn { flex: 1; }
.bk-buy__status { margin: 0; font-size: 13px; line-height: 1.6; min-height: 0; }
.bk-buy__status:empty { display: none; }
.bk-buy__status a { font-weight: 600; }
.bk-buy__status.is-error { color: var(--bk-danger); }

.bk-qty { display: inline-flex; align-items: center; border: 1px solid var(--bk-muted); height: 48px; flex: none; }
.bk-qty__btn { width: 44px; height: 46px; background: none; border: 0; font-family: var(--bk-sans); font-size: 18px; line-height: 1; color: inherit; cursor: pointer; }
.bk-qty__btn:disabled { opacity: .35; cursor: default; }
.bk-qty__input { width: 36px; height: 46px; border: 0; background: none; text-align: center; font-family: var(--bk-sans); font-size: 15px; font-weight: 500; color: inherit; -moz-appearance: textfield; appearance: textfield; padding: 0; }
.bk-qty__input::-webkit-outer-spin-button, .bk-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Valkyrie variant: deep violet card with rose/orange glow and a gilt frame */
.bk-product--valkyrie {
	background:
		radial-gradient(120% 90% at 15% 10%, #c9375e 0%, rgba(201, 55, 94, 0) 55%),
		radial-gradient(110% 90% at 90% 95%, #e9883f 0%, rgba(233, 136, 63, 0) 55%),
		radial-gradient(90% 80% at 85% 10%, #3c1a52 0%, rgba(60, 26, 82, 0) 60%),
		var(--bk-violet);
	background-color: var(--bk-violet);
	color: var(--bk-ivory);
}
.bk-product--valkyrie .bk-product__media { background: var(--bk-violet); }
.bk-product--valkyrie .bk-product__frame { position: absolute; inset: 14px; border: 1px solid rgba(243, 180, 111, .5); pointer-events: none; z-index: 2; }
.bk-product--valkyrie .bk-product__body { background: var(--bk-violet); }
.bk-product--valkyrie .bk-product__eyebrow,
.bk-product--valkyrie .bk-product__fact dt { color: var(--bk-gilt); }
.bk-product--valkyrie .bk-product__lede { opacity: .9; }
.bk-product--valkyrie .bk-product__desc { color: var(--bk-ivory); opacity: .85; font-size: 14px; }
.bk-product--valkyrie .bk-product__flavours { color: var(--bk-ivory); opacity: .9; }
.bk-product--valkyrie .bk-product__facts { border-color: rgba(243, 180, 111, .4); }
.bk-product--valkyrie .bk-product__note { color: var(--bk-ivory); opacity: .8; }
.bk-product--valkyrie .bk-link { color: var(--bk-gilt); border-color: var(--bk-gilt); }
.bk-product--valkyrie .bk-link:hover { color: #f7c88f; border-color: #f7c88f; }
.bk-product--valkyrie .bk-qty { border-color: rgba(247, 244, 237, .6); }
.bk-product--valkyrie a { color: var(--bk-ivory); }
.bk-product--valkyrie .bk-buy__status.is-error { color: #ffb4a8; }
.bk-product--valkyrie .bk-ph--olive { background: var(--bk-olive); }

/* ---------- Product row (launch page; reusable for Phase 2 product pages) ---------- */
/* Quiet rows on the ivory page: no card fills, frames or gold. Violet only on the pre-order label + button. */

.bakt-row {
	display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); column-gap: 88px; align-items: center;
	padding: 64px 0; border-top: 1px solid var(--bk-line); margin-block: 0 !important;
}
.bakt-row > * { margin: 0 !important; }
.bakt-row.is-style-row-mirrored { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.bakt-row.is-style-row-mirrored .bakt-row__media { order: 2; }
.bakt-row.is-style-row-mirrored .bakt-row__text { order: 1; justify-self: end; }

.bk-media { position: relative; margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--bk-alt); }
.bk-media > .bk-ph { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; }
/* Cover-crop by sizing the img itself (full height, natural width, centred) rather than object-fit alone:
   its layout width is then the rendered photo width, so WordPress's sizes="auto" fetches a sharp file. */
.bk-media > img { position: absolute; top: 0; left: 50%; height: 100%; width: auto; min-width: 100%; max-width: none; transform: translateX(-50%); object-fit: cover; object-position: 50% 65%; display: block; }
/* object-position only matters for portrait photos cropped top/bottom; 65% keeps the product (lower in frame) in view. */

.bakt-row__text { display: flex; flex-direction: column; gap: 20px; max-width: 480px; width: 100%; }
.bakt-row__text > * { margin: 0 !important; }
.bakt-row__title { font-size: var(--wp--preset--font-size--display-l); line-height: 1.08; }
.bakt-row__lede { font-family: var(--bk-display); font-style: italic; font-size: 20px; line-height: 1.5; color: var(--bk-espresso); }
.bakt-row__desc { color: var(--bk-muted); max-width: 62ch; }

.bk-facts-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 16px 0; border-top: 1px solid var(--bk-line); border-bottom: 1px solid var(--bk-line); }
.bk-facts-list__item { display: flex; flex-direction: column; gap: 4px; margin: 0; min-width: 0; }
.bk-facts-list dt { font-family: var(--bk-sc); font-size: 14px; font-weight: 500; letter-spacing: .08em; line-height: 1.4; text-transform: none; color: var(--bk-muted); }
.bk-facts-list dd { margin: 0; font-size: 13px; font-weight: 500; letter-spacing: .06em; line-height: 1.4; }

.bk-buy-block--row { display: flex; flex-direction: column; gap: 12px; }
.bk-buy-row { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.bk-buy-row__price { font-size: 16px; font-weight: 500; letter-spacing: .14em; margin-right: 8px; }
.bk-buy-row .bk-buy { display: contents; }
.bk-buy-row .bk-btn { flex: 1 1 200px; }
.bk-buy-block--row .bk-product__closed { color: var(--bk-muted); }

.bakt-boxes__note { margin-top: 56px !important; }
.bakt-boxes > .bakt-row:first-child { border-top: 0; } /* First thing under the header on Home. */

/* ---------- Mailing list ---------- */

.bk-join { display: flex; flex-direction: column; gap: 20px; margin: 0; }
.bk-join__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.bk-field { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.bk-field__label, .bk-legend { font-family: var(--bk-sc); font-size: 15px; font-weight: 500; letter-spacing: .08em; line-height: 1.4; text-transform: none; color: var(--bk-espresso); }
.bk-field__label em { font-style: normal; color: var(--bk-muted); letter-spacing: .06em; text-transform: none; font-weight: 400; }
.bk-input {
	width: 100%; min-height: 48px; box-sizing: border-box; padding: 12px 14px;
	border: 1px solid var(--bk-muted); border-radius: 0; background: var(--bk-ivory); color: var(--bk-espresso);
	font-family: var(--bk-sans); font-size: 15px;
}
.bk-input:focus-visible { outline: var(--bk-focus); outline-offset: 2px; }
.bk-input[aria-invalid="true"] { border-color: var(--bk-danger); }
.bk-field__error { font-size: 13px; color: var(--bk-danger); margin: 0; }
.bk-field__error:empty { display: none; }
/* Fieldsets stay display:block: Safari (iOS) squeezes a <legend> inside a grid/flex fieldset to one letter per line. */
.bk-fieldset { border: 0; padding: 0; margin: 0; display: block; min-width: 0; }
.bk-legend { display: block; float: left; width: 100%; padding: 0; margin: 0 0 14px; }
.bk-checks { clear: both; display: flex; gap: 12px 24px; flex-wrap: wrap; }
.bk-fieldset > .bk-field__error { clear: both; margin-top: 10px; }
.bk-check { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 1.5; cursor: pointer; }
.bk-check input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--bk-espresso); flex: none; }
.bk-join__actions { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.bk-join__consent { max-width: 44ch; margin: 0; font-size: 13px; line-height: 1.6; color: var(--bk-muted); }
.bk-join__consent a { color: inherit; }
.bk-join__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.bk-join[hidden], .bk-join__success[hidden] { display: none !important; }
.bk-join__success { display: flex; flex-direction: column; gap: 12px; padding: 32px; border: 1px solid var(--bk-sage); background: var(--bk-ivory); }
.bk-join__success > * { margin: 0; }
.bk-join__success .bk-label { color: var(--bk-sage-ink); }
.bk-join__success p:last-child { font-family: var(--bk-display); font-size: var(--wp--preset--font-size--heading); line-height: 1.25; }
.bk-join__error { margin: 0; font-size: 13px; color: var(--bk-danger); }
.bk-join__error:empty { display: none; }

/* ---------- Valkyrie collection page ---------- */

.is-style-valkyrie-paper, .bakt-valkyrie {
	background:
		linear-gradient(90deg, rgba(214, 58, 104, .55) 0, rgba(232, 120, 150, .22) 70px, rgba(247, 244, 237, 0) 180px),
		linear-gradient(270deg, rgba(240, 150, 60, .55) 0, rgba(245, 185, 110, .22) 70px, rgba(247, 244, 237, 0) 180px),
		var(--bk-paper);
}
.bakt-valkyrie a:hover { color: var(--bk-rose); }
.bakt-valkyrie .bakt-main { background: transparent; }
.bakt-vk-intro__in { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.bakt-vk-intro__in > * { margin: 0 !important; }
.bakt-vk-intro__title { font-size: 44px; line-height: 1.25; max-width: 18ch; }
.bakt-star { display: flex; align-items: center; gap: 14px; color: var(--bk-espresso); }
.bakt-star span { width: 120px; height: 1px; background: currentColor; opacity: .7; }
.bakt-vk-intro__lede { font-family: var(--bk-display); font-style: italic; font-size: 21px; letter-spacing: .06em; max-width: 52ch; color: #5b4a3c; }

.bakt-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.bakt-grid-3 > * { margin: 0 !important; }
.bakt-cookie { display: flex; flex-direction: column; gap: 12px; padding: 32px; border: 1px solid rgba(62, 47, 35, .35); background: rgba(247, 244, 237, .6); }
.bakt-cookie > * { margin: 0 !important; }
/* Label art and cookie photo stacked in one square; hover (pointer devices) or .is-flipped (tap/keyboard,
   assets/js/valkyrie.js) cross-fades to the photo. Reduced motion: the global rule makes it an instant swap. */
.bakt-cookie__media { position: relative; width: 72%; aspect-ratio: 1; align-self: center; margin: 4px 0 14px !important; cursor: pointer; }
.bakt-cookie__media > figure { position: absolute; inset: 0; margin: 0 !important; transition: opacity .4s ease, transform .5s ease; }
.bakt-cookie__media img { width: 100%; height: 100%; object-fit: contain; display: block; filter: drop-shadow(0 8px 20px rgba(62, 47, 35, .18)); }
.bakt-cookie__photo { opacity: 0; transform: scale(.94) rotate(-6deg); }
.bakt-cookie__media.is-flipped .bakt-cookie__img { opacity: 0; transform: scale(.94) rotate(6deg); }
.bakt-cookie__media.is-flipped .bakt-cookie__photo { opacity: 1; transform: none; }
@media (hover: hover) {
	.bakt-cookie:hover .bakt-cookie__img { opacity: 0; transform: scale(.94) rotate(6deg); }
	.bakt-cookie:hover .bakt-cookie__photo { opacity: 1; transform: none; }
}
.bakt-cookie__media:focus-visible { outline: var(--bk-focus); outline-offset: 6px; border-radius: 50%; }
.bakt-cookie__name { font-size: 20px; line-height: 1.3; }
.bakt-cookie__flavour { font-family: var(--bk-display); font-style: italic; font-size: 17px; line-height: 1.4; }
.bakt-cookie__desc { font-size: 14px; line-height: 1.65; color: #5b4a3c; }
.bakt-cookie__allergens { font-size: 14px; color: var(--bk-muted); margin-top: auto !important; padding-top: 12px; border-top: 1px solid rgba(62, 47, 35, .2); }

.bakt-vk-cta {
	display: grid; grid-template-columns: minmax(0, 1fr) auto 320px; gap: 36px; align-items: center;
	padding: 36px 40px; border: 1px solid var(--bk-espresso); background: rgba(247, 244, 237, .8);
}
.bakt-vk-cta > * { margin: 0 !important; }
.bakt-vk-cta__text { display: flex; flex-direction: column; gap: 10px; }
.bakt-vk-cta__text > * { margin: 0 !important; }
.bakt-vk-cta__note { font-family: var(--bk-display); font-style: italic; font-size: 15px; color: #5b4a3c; }
.bakt-vk-cta__actions { display: flex; flex-direction: column; gap: 12px; min-width: 220px; }
.bakt-vk-cta__actions > * { margin: 0 !important; }
.bakt-vk-cta__actions .wp-block-button__link { width: 100%; }
.bakt-vk-cta__media, .bakt-vk-cta__media.bk-media { aspect-ratio: 4 / 3; }
.bk-facts { font-size: 13px; line-height: 1.6; color: var(--bk-muted); margin: 0; }

/* ---------- Notices (cart / checkout / order) ---------- */

.bk-notice { box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; padding: 18px 20px; border: 1px solid var(--bk-sage); border-left-width: 3px; background: var(--bk-ivory); color: var(--bk-espresso); font-size: 14px; line-height: 1.6; margin: 0 0 24px; }
.bk-notice[hidden] { display: none; }
.bk-notice .bk-label { color: var(--bk-sage-ink); }
.bk-notice p { margin: 0; }

/* ---------- Responsive ---------- */

@media (max-width: 1080px) {
	.bakt-vk-cta { grid-template-columns: minmax(0, 1fr) auto; }
	.bakt-vk-cta__media { grid-column: 1 / -1; }
}

@media (max-width: 960px) {
	.bakt-pair { grid-template-columns: minmax(0, 1fr); }
	.bakt-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
	.bakt-row, .bakt-row.is-style-row-mirrored { grid-template-columns: minmax(0, 1fr); row-gap: 28px; padding: 40px 0; }
	.bakt-row .bakt-row__media, .bakt-row.is-style-row-mirrored .bakt-row__media { order: 0; aspect-ratio: 4 / 3; }
	.bakt-row .bakt-row__text, .bakt-row.is-style-row-mirrored .bakt-row__text { order: 1; max-width: none; justify-self: stretch; }
	:root { --wp--custom--header-height: 64px; }
	.bakt-header__nav, .bakt-hide-m { display: none !important; }
	.bakt-header__in { grid-template-columns: auto minmax(0, 1fr); }
	.bakt-header__logo img { height: 24px !important; }
	.bakt-header__tools { gap: 20px; }
	.bk-product__body { padding: 28px 24px 32px; }
	.bk-product__media .bk-badge { top: 24px; left: 24px; }
	.bk-product__flavours { --bk-cols: 2 !important; }
	.bk-join__row { grid-template-columns: minmax(0, 1fr); }
	.bakt-grid-3 { grid-template-columns: minmax(0, 1fr); }
	.bakt-cookie { padding: 24px; }
	.bakt-vk-intro__title { font-size: 30px; letter-spacing: .2em; }
	.bakt-vk-intro__lede { font-size: 18px; }
	.bakt-vk-cta { grid-template-columns: minmax(0, 1fr); padding: 28px 20px; gap: 24px; }
	.bakt-vk-cta__actions { min-width: 0; }
	.bakt-footer__in { flex-direction: column; align-items: flex-start !important; }
}

@media (max-width: 400px) {
	.bakt-back a { font-size: 14px; letter-spacing: .04em; }
	.bk-buy { flex-wrap: wrap; }
	.bk-buy .bk-btn { flex-basis: 100%; }
}

/* ---------- WhatsApp links (bakt-core bakt/whatsapp-link): never WhatsApp green ---------- */

.bk-wa-wrap { margin: 0; }
.bk-wa { display: inline-flex; align-items: center; gap: 8px; color: inherit; }
.bk-wa--link { font-size: 13px; line-height: 1.6; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.bk-wa--link:hover { color: var(--bk-sage-ink); }
.bk-wa__icon { flex: none; width: 16px; height: 16px; }
.bk-wa.bk-btn { gap: 10px; }
.bakt-row__wa .bk-wa--link { color: var(--bk-muted); }
.bakt-row__wa .bk-wa--link:hover { color: var(--bk-espresso); }
.bakt-footer__links { gap: 12px 28px; }
.bakt-footer__links > * { margin: 0 !important; }
.bakt-footer__links .bk-wa--link { font-size: inherit; line-height: inherit; text-decoration: none; }
.bakt-footer__links .bk-wa--link:hover { text-decoration: underline; color: var(--bk-ivory); }
.bakt-order-wa { margin-block: 8px 32px !important; }
.bakt-order-wa .bk-wa--link { font-size: 15px; }

/* ---------- Brand motion (inc/brand-motion.php, assets/js/header.js) ---------- */

/* Sticky header; slims and swaps the wordmark for the monogram once scrolled (html.bakt-scrolled). */
.bakt-site-header { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50; }
@media (max-width: 600px) { .bakt-site-header { top: 0; } }
html { scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + 84px); }
.bakt-header__in { transition: height .35s ease; }
.bakt-header--valkyrie { transition: background-color .35s ease; }
.bakt-header__logo a { position: relative; }
.bakt-header__logo img { transition: opacity .35s ease, transform .35s ease; }
.bakt-header__logo a::after {
	content: ""; position: absolute; left: 50%; top: 50%; width: 24px; height: 32px;
	background: url("../images/logos/bakt-monogram-espresso.svg") center / contain no-repeat;
	opacity: 0; transform: translate(-50%, -50%) scale(.85); transition: opacity .35s ease, transform .35s ease; pointer-events: none;
}
html.bakt-scrolled .bakt-header__in { height: 60px; }
html.bakt-scrolled .bakt-header__logo img { opacity: 0; transform: translateY(-4px) scale(.96); }
html.bakt-scrolled .bakt-header__logo a::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
html.bakt-scrolled .bakt-header--valkyrie { background-color: rgba(245, 237, 226, .97); }
@media (max-width: 760px) {
	html.bakt-scrolled .bakt-header__in { height: var(--wp--custom--header-height, 64px); } /* Mobile header is already compact. */
	.bakt-header__logo a::after { width: 21px; height: 28px; left: 0; transform: translate(0, -50%) scale(.85); }
	html.bakt-scrolled .bakt-header__logo a::after { transform: translate(0, -50%) scale(1); }
}

/* Monogram intro: three guide strokes reveal the logo file like a pen, then the overlay lifts away. */
.bakt-intro-overlay { display: none; }
html.bakt-intro .bakt-intro-overlay {
	display: flex; position: fixed; inset: 0; z-index: 100000; align-items: center; justify-content: center;
	background: var(--bk-ivory); animation: bakt-intro-out .6s cubic-bezier(.4, 0, .2, 1) 1.85s forwards;
}
html.bakt-intro-skip .bakt-intro-overlay { animation: bakt-intro-out .25s ease forwards; }
.bakt-intro-mark { width: clamp(84px, 11vw, 132px); height: auto; overflow: visible; animation: bakt-intro-lift .6s cubic-bezier(.4, 0, .2, 1) 1.85s forwards; }
/* Logo stays invisible until the first stroke starts: no flash of an unmasked logo while the SVG loads. */
.bakt-intro-mark image { opacity: 0; animation: bakt-ink-fill .01s linear .18s forwards; }
.bakt-ink { stroke-dasharray: 1; stroke-dashoffset: 1; animation: bakt-ink-draw var(--d, .5s) cubic-bezier(.65, 0, .35, 1) var(--t, 0s) forwards; }
.bakt-ink--stem { --t: .2s; --d: .45s; }
.bakt-ink--bowl { --t: .6s; --d: .5s; }
.bakt-ink--flourish { --t: 1.05s; --d: .6s; }
.bakt-ink-fill { opacity: 0; animation: bakt-ink-fill .25s ease 1.6s forwards; }
@keyframes bakt-ink-draw { to { stroke-dashoffset: 0; } }
@keyframes bakt-ink-fill { to { opacity: 1; } }
@keyframes bakt-intro-lift { to { transform: translateY(-18px) scale(.9); } }
@keyframes bakt-intro-out { to { opacity: 0; visibility: hidden; } }
@media (prefers-reduced-motion: reduce) { .bakt-intro-overlay { display: none !important; } }

/* ---------- Our story page (patterns story-hero, story-values, delivery, faq, contact) ---------- */

.bakt-story-hero__in { display: flex; flex-direction: column; align-items: center; gap: 32px; text-align: center; }
.bakt-story-hero__in > * { margin: 0 !important; }
.bakt-story-hero__portrait { width: 300px; max-width: 100%; margin-top: 16px !important; }
.bakt-story-hero__portrait img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 22%; background: var(--bk-alt); }
.bakt-story-hero__portrait figcaption { margin: 14px 0 0; font-family: var(--bk-sc); font-size: 15px; font-weight: 500; letter-spacing: .08em; color: var(--bk-sage-ink); text-align: center; }
.bakt-story-hero__logo img { height: auto; }
.bakt-story-hero__title { font-size: var(--wp--preset--font-size--display-l); line-height: 1.08; max-width: 18ch; }
.bakt-story-hero__lede { max-width: 52ch; }


.bakt-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 32px; }
.bakt-values > * { margin: 0 !important; }
.bakt-value { display: flex; flex-direction: column; gap: 14px; border-top: 1px solid var(--bk-sage); padding-top: 28px; }
.bakt-value > * { margin: 0 !important; }
.bakt-value__title { font-size: var(--wp--preset--font-size--heading); line-height: 1.25; }

.bakt-delivery__title { margin-block: 0 48px !important; }
.bakt-delivery__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.bakt-delivery__cards > * { margin: 0 !important; }
.bakt-delivery__card { background: var(--bk-ivory); padding: 40px; display: flex; flex-direction: column; gap: 18px; }
.bakt-delivery__card > * { margin: 0 !important; }
.bakt-delivery__card h3 { font-size: var(--wp--preset--font-size--heading); }
.bakt-icon { width: 28px; height: 28px; stroke: var(--bk-espresso); fill: none; stroke-width: 1.25; }
.bakt-delivery__facts { margin: 0; display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 10px 16px; font-size: 14px; }
.bakt-delivery__facts dt { font-family: var(--bk-sc); font-weight: 500; font-size: 15px; letter-spacing: .08em; padding-top: 1px; }
.bakt-delivery__facts dd { margin: 0; }

.bakt-split { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 32px 80px; }
.bakt-split > * { margin: 0 !important; }
.bakt-split__head > * { margin: 0 0 8px !important; }
.bakt-faq > * { margin: 0 !important; }
.bakt-faq details { border-bottom: 1px solid var(--bk-line); padding: 22px 0; }
.bakt-faq details:first-child { border-top: 1px solid var(--bk-line); }
.bakt-faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: baseline; gap: 24px; font-family: var(--bk-display); font-size: var(--wp--preset--font-size--product-name); line-height: 1.3; }
.bakt-faq summary::-webkit-details-marker { display: none; }
.bakt-faq summary::after { content: "+"; font-family: var(--bk-sans); font-weight: 300; font-size: 22px; line-height: 1; flex: none; }
.bakt-faq details[open] summary::after { content: "–"; }
.bakt-faq summary:focus-visible { outline: var(--bk-focus); outline-offset: 4px; }
.bakt-faq details p { margin: 12px 0 0 !important; color: var(--bk-muted); max-width: 62ch; }

.bakt-contact__body { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.bakt-contact__body > * { margin: 0 !important; }
.bakt-contact__email { font-family: var(--bk-display); font-size: var(--wp--preset--font-size--heading); }
.bakt-contact__email a { text-decoration-thickness: 1px; text-underline-offset: 6px; }
.bakt-contact__facts { margin-top: 8px !important; }
.bk-contact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0; }
.bk-contact__full { grid-column: 1 / -1; }
.bk-contact[hidden] { display: none !important; }
.bk-contact__order { max-width: 220px; }
.bk-textarea { min-height: 160px; resize: vertical; line-height: 1.6; padding-top: 12px; padding-bottom: 12px; }
.bakt-page-intro { text-align: center; }
.bakt-page-intro > * { margin-left: auto !important; margin-right: auto !important; }
.bakt-page-intro .is-style-eyebrow { justify-content: center; }
.bakt-page-intro__title { font-size: var(--wp--preset--font-size--display-l); line-height: 1.08; max-width: 20ch; text-wrap: balance; margin-top: 20px !important; }
.bakt-page-intro__lede { max-width: 46ch; margin-top: 20px !important; }
.bakt-page-more a { color: var(--bk-espresso); }

@media (max-width: 760px) {
	.bakt-story-hero { padding-top: 72px !important; padding-bottom: 56px !important; }
	.bakt-story-hero__logo img { width: 200px !important; }
	.bakt-story-hero__portrait { width: 240px; margin-top: 8px !important; }
	.bakt-values, .bakt-delivery__cards, .bakt-split { grid-template-columns: minmax(0, 1fr); }
	.bk-contact { grid-template-columns: minmax(0, 1fr); }
	.bakt-page-intro { padding-top: 64px !important; padding-bottom: 48px !important; }
	.bakt-delivery__card { padding: 28px 20px; }
	.bakt-delivery__facts { grid-template-columns: 96px minmax(0, 1fr); }
}

/* ---------- Size choice (variable products, e.g. Valkyrie Box of 6 / 12) ---------- */

.bk-sizes { border: 0; padding: 0; margin: 0 0 4px; min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; flex-basis: 100%; order: -1; }
.bk-size { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border: 1px solid var(--bk-line); background: var(--bk-ivory); cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.bk-size input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.bk-size__name { font-family: var(--bk-display); font-size: 19px; line-height: 1.3; }
.bk-size__price { font-size: 13px; font-weight: 500; letter-spacing: .1em; color: var(--bk-muted); }
.bk-size:has(input:checked) { border-color: var(--bk-espresso); box-shadow: inset 0 0 0 1px var(--bk-espresso); }
.bk-size:has(input:checked) .bk-size__price { color: var(--bk-espresso); }
.bk-size:has(input:focus-visible) { outline: var(--bk-focus); outline-offset: 3px; }
.bk-size:has(input:disabled) { opacity: .45; cursor: not-allowed; }
.bk-buy--sizes { flex-wrap: wrap; }
/* Sizes take their own line (fieldset: flex-basis 100%, order -1); price, quantity and button follow in one row. */

/* ---------- Teaser link (product row → "Meet the six cookies") ---------- */

.bk-teaser { display: inline-flex; align-items: center; gap: 14px; align-self: flex-start; padding: 10px 18px 10px 10px; border: 1px solid var(--bk-line); background: var(--bk-ivory); color: var(--bk-espresso); text-decoration: none; transition: border-color .2s; }
.bk-teaser__thumbs { display: flex; }
.bk-teaser__thumbs img { display: block; width: 40px; height: 40px; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--bk-ivory); background: var(--bk-alt); transition: margin .25s ease; }
.bk-teaser__thumbs img + img { margin-left: -12px; }
.bk-teaser__text { font-family: var(--bk-sc); font-size: 15px; font-weight: 700; letter-spacing: .08em; line-height: 1.3; }
.bk-teaser__arrow { font-size: 18px; line-height: 1; transition: transform .25s ease; }
.bk-teaser:hover { border-color: var(--bk-espresso); }
.bk-teaser:hover .bk-teaser__thumbs img + img { margin-left: -6px; }
.bk-teaser:hover .bk-teaser__arrow { transform: translateX(4px); }
@media (max-width: 420px) { .bk-teaser__thumbs img:nth-child(n+5) { display: none; } }
@media (prefers-reduced-motion: reduce) { .bk-teaser__thumbs img, .bk-teaser__arrow { transition: none; } }

/* ---------- Mobile menu (header, below 760px) ---------- */

.bakt-mnav { display: none; }
@media (max-width: 1100px) {
	.bakt-header__nav { display: none !important; }
	.bakt-header { position: relative; }
	.bakt-header__in { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; }
	.bakt-mnav { display: block; justify-self: start; }
	.bakt-header__logo { justify-self: center; }
	.bakt-header__logo a::after { left: 50% !important; transform: translate(-50%, -50%) scale(.85) !important; }
	html.bakt-scrolled .bakt-header__logo a::after { transform: translate(-50%, -50%) scale(1) !important; }
	.bakt-mnav__toggle { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 4px 0 0; border: 0; background: none; color: var(--bk-espresso); cursor: pointer; font-family: var(--bk-sc); font-size: 15px; font-weight: 500; letter-spacing: .08em; }
	.bakt-mnav__bars, .bakt-mnav__bars::before, .bakt-mnav__bars::after { display: block; width: 20px; height: 1.3px; background: currentColor; transition: transform .25s ease, opacity .2s; }
	.bakt-mnav__bars { position: relative; background: transparent; }
	.bakt-mnav__bars::before, .bakt-mnav__bars::after { content: ""; position: absolute; left: 0; }
	.bakt-mnav__bars::before { top: -4px; }
	.bakt-mnav__bars::after { top: 4px; }
	.bakt-mnav__toggle[aria-expanded="true"] .bakt-mnav__bars::before { transform: translateY(4px) rotate(45deg); }
	.bakt-mnav__toggle[aria-expanded="true"] .bakt-mnav__bars::after { transform: translateY(-4px) rotate(-45deg); }
	.bakt-mnav__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
	.bakt-mnav__panel { position: absolute; z-index: 30; top: 100%; left: 0; right: 0; height: calc(100vh - var(--wp--custom--header-height, 64px)); height: calc(100dvh - var(--wp--custom--header-height, 64px)); overflow-y: auto; padding: 12px 16px 28px; background: var(--bk-ivory); }
	.bakt-mnav__panel[hidden] { display: none; }
	.bakt-mnav__panel ul { list-style: none; margin: 0; padding: 0; }
	.bakt-mnav__panel li { border-bottom: 1px solid var(--bk-line); }
	.bakt-mnav__panel li a { display: block; padding: 16px 0; font-family: var(--bk-display); font-size: 26px; line-height: 1.2; color: var(--bk-espresso); text-decoration: none; }
	.bakt-mnav__account { margin: 20px 0 0; }
	.bakt-mnav__account a { font-family: var(--bk-sc); font-size: 15px; font-weight: 500; letter-spacing: .08em; color: var(--bk-espresso); }
	html.bakt-mnav-open { overflow: hidden; }
}
@media (max-width: 1100px) and (prefers-reduced-motion: reduce) { .bakt-mnav__bars, .bakt-mnav__bars::before, .bakt-mnav__bars::after { transition: none; } }

/* ---------- Small-screen polish ---------- */

@media (max-width: 420px) {
	.bk-teaser { gap: 10px; padding: 8px 14px 8px 8px; }
	.bk-teaser__thumbs img { width: 34px; height: 34px; }
	.bk-teaser__thumbs img:nth-child(n+4) { display: none; }
	.bk-teaser__text { white-space: nowrap; font-size: 14px; }
	.bk-size { padding: 12px 14px; }
	.bk-size__name { font-size: 17px; }
}

/* What's in the box: ingredients and allergens under the box card. */
.bakt-vk-ingredients { max-width: 68ch; margin: 28px auto 0 !important; display: flex; flex-direction: column; gap: 10px; text-align: center; font-size: 13px; line-height: 1.7; color: var(--bk-muted); }
.bakt-vk-ingredients > * { margin: 0 !important; }
.bakt-vk-ingredients strong { font-weight: 600; color: var(--bk-espresso); }
.bakt-vk-ingredients__contains { font-size: 15px; color: var(--bk-espresso); }

/* ---------- Brownie Box page ---------- */
.bakt-brownie-hero > .bakt-row:first-child { border-top: 0; }
.bakt-brownie-details { border-top: 1px solid var(--bk-line); }
.bakt-brownie-details__title { margin-top: 0 !important; margin-bottom: 40px !important; }
.bakt-brownie-details__notes { margin-top: 48px !important; padding-top: 24px; border-top: 1px solid var(--bk-line); display: flex; flex-direction: column; gap: 10px; font-size: 14px; color: var(--bk-muted); }
.bakt-brownie-details__notes > * { margin: 0 !important; }
.bakt-brownie-details__notes strong { color: var(--bk-espresso); font-weight: 600; }
.bakt-brownie-details__notes a { color: var(--bk-espresso); }

/* ---------- Header: Products dropdown ---------- */
.bakt-header__nav .wp-block-navigation__submenu-icon { width: 10px; height: 10px; margin-left: 4px; }
.bakt-header__nav .wp-block-navigation__submenu-icon svg { stroke: currentColor; }
.bakt-header__nav .wp-block-navigation__submenu-container {
	background: var(--bk-ivory) !important; border: 1px solid var(--bk-line) !important; color: var(--bk-espresso) !important;
	min-width: 220px !important; padding: 8px 0 !important; top: calc(100% + 8px) !important; left: -16px !important;
}
.bakt-header__nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 10px 20px !important; white-space: nowrap; color: var(--bk-espresso); }
.bakt-header__nav .wp-block-navigation-item__content { white-space: nowrap; }
.bakt-header__nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--bk-sage-ink); }
/* Hover bridge so the menu doesn't close in the 8px gap. */
.bakt-header__nav .has-child::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 10px; }
.bakt-vk-intro__more { max-width: 56ch; margin-left: auto !important; margin-right: auto !important; font-size: 15px; line-height: 1.7; color: var(--bk-muted); }