/*
Theme Name: BNI Trust Bangkok 2027
Theme URI: https://www.bnitrust-bkk.com
Author: PhranakornSoft
Author URI: https://www.phranakornsoft.com
Description: Block theme for BNI TRUST Bangkok — the public site from the 2027 design (bnitrust-bkk-2027), built on the smeweb-block-theme structure and wired to the bni-trust-line plugin for members and events.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bnitrust-2027
Tags: full-site-editing, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, translation-ready, business
*/

/*
 * Global design tokens (colour, type, spacing, layout) live in theme.json.
 * This file carries what theme.json cannot express: the design's composite
 * sections, interaction states and the arrow/check icons. Values come from
 * the design's src/index.css; where one changed, a comment says why.
 *
 * Breakpoints are the design's: 980px (header collapses, grids tighten) and
 * 700px (single column, bottom call-to-action bar).
 */

:root {
	--bt-ink: var(--wp--preset--color--contrast);
	--bt-ink-soft: var(--wp--preset--color--contrast-soft);
	--bt-paper: var(--wp--preset--color--paper);
	--bt-red: var(--wp--preset--color--primary);
	--bt-red-text: var(--wp--preset--color--primary-text);
	--bt-teal: var(--wp--preset--color--secondary);
	--bt-teal-text: var(--wp--preset--color--secondary-text);
	--bt-muted: var(--wp--preset--color--muted);
	--bt-line: rgba(30, 32, 37, 0.16);
	--bt-label: 700 11px/1.5 var(--wp--preset--font-family--display);
	--bt-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
	--bt-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m4 10 4 4 8-8' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
	interpolate-size: allow-keywords;
}

/* The design is drawn border-box throughout; without it padded tiles outgrow their grid rows. */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	background: var(--bt-ink);
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

a,
button {
	-webkit-tap-highlight-color: transparent;
}

:focus-visible {
	outline: 2px solid var(--bt-teal);
	outline-offset: 3px;
}

/* Sections sit edge to edge: no block gap between header, main, footer or the sections inside main. */
.wp-site-blocks > *,
.bt-main > *,
.bt-main > * + * {
	margin-block: 0;
}

:where(h1, h2, h3) em {
	color: var(--bt-red);
	font-style: normal;
}

:where(.bt-section, .bt-page-hero, .bt-hero) h1,
:where(.bt-section, .bt-page-hero, .bt-hero) h2 {
	margin-top: 0;
}

/* Grids built from groups: their children are placed by the grid, not by the flow layout's margins. */
.bt-hero__grid > *,
.bt-about__grid > *,
.bt-members__grid > *,
.bt-faq__grid > *,
.bt-stats > *,
.bt-benefit-list > *,
.bt-benefit > *,
.bt-meeting__card > *,
.bt-footer__main > *,
.bt-footer__bottom > *,
.bt-hero__visual > *,
.bt-hero__time > *,
.bt-mobile-cta > * {
	margin-block: 0;
}

/* ── Labels ─────────────────────────────────────────────── */

.bt-eyebrow {
	margin-block: 0 22px !important;
	display: flex;
	align-items: center;
	gap: 11px;
	color: rgba(255, 255, 255, 0.66);
	font-family: var(--wp--preset--font-family--display);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.bt-eyebrow.has-line::before {
	width: 28px;
	height: 2px;
	flex: none;
	background: var(--bt-red);
	content: "";
}

/* Labels set their own distance to what follows; the layout's block gap must not add to it. */
.bt-eyebrow + *,
.bt-section-number + * {
	margin-block-start: 0 !important;
}

/* Teal at 12px needs the darker teal to reach 4.5:1 on paper (design #177b83 measures 4.47). */
.bt-eyebrow.is-teal {
	color: var(--bt-teal-text);
}

.bt-eyebrow.is-light {
	color: rgba(255, 255, 255, 0.72);
}

/* Design gray #7b7f7e measures 3.6:1 on paper at 11px; muted #6b6f6e passes. */
.bt-section-number {
	margin: 0 0 62px;
	color: var(--bt-muted);
	font: var(--bt-label);
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.bt-section {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
}

.bt-muted-copy,
.bt-about__copy p {
	color: var(--wp--preset--color--muted-copy);
}

/* ── Buttons and links with an arrow ────────────────────── */

.wp-block-button[class*="is-style-bt-"] .wp-block-button__link {
	min-height: 56px;
	padding: 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 600;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.wp-block-button[class*="is-style-bt-"] .wp-block-button__link::after,
.is-style-bt-text-link a::after,
.bt-visit__members a::after {
	width: 20px;
	height: 20px;
	flex: none;
	background: currentColor;
	-webkit-mask: var(--bt-arrow) center / contain no-repeat;
	mask: var(--bt-arrow) center / contain no-repeat;
	transition: transform 0.25s ease;
	content: "";
}

.wp-block-button[class*="is-style-bt-"] .wp-block-button__link:hover {
	transform: translateY(-3px);
}

.wp-block-button[class*="is-style-bt-"] .wp-block-button__link:hover::after,
.is-style-bt-text-link a:hover::after,
.bt-visit__members a:hover::after {
	transform: translateX(4px);
}

.wp-block-button.bt-arrow-up .wp-block-button__link::after {
	transform: rotate(-45deg);
}

.wp-block-button.bt-arrow-up .wp-block-button__link:hover::after {
	transform: rotate(-45deg) translateX(4px);
}

.is-style-bt-primary .wp-block-button__link {
	color: #fff;
	background: var(--bt-red);
	box-shadow: 0 14px 36px rgba(227, 29, 56, 0.22);
}

.is-style-bt-outline .wp-block-button__link {
	border: 1px solid rgba(255, 255, 255, 0.28);
	color: #fff;
	background: transparent;
}

.is-style-bt-outline .wp-block-button__link:hover {
	border-color: rgba(255, 255, 255, 0.7);
	color: #fff;
}

.is-style-bt-white .wp-block-button__link,
.is-style-bt-white .wp-block-button__link:hover {
	color: var(--bt-ink);
	background: #fff;
}

.wp-block-button.bt-large .wp-block-button__link {
	min-height: 64px;
	padding: 0 28px;
}

.is-style-bt-text-link a {
	padding: 8px 0;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	border-bottom: 1px solid var(--bt-line);
	font-size: 14px;
	font-weight: 600;
}

.is-style-bt-text-link a:hover {
	color: var(--bt-ink);
}

/* ── Header ─────────────────────────────────────────────── */

.bt-site-header {
	position: absolute;
	inset: 16px 0 auto;
	z-index: 20;
}

.admin-bar .bt-site-header {
	top: calc(16px + var(--wp-admin--admin-bar--height, 32px));
}

/*
 * backdrop-filter makes this box the containing block of the position:fixed mobile menu — which is
 * what the design wants: the menu drops down from under the header (see .is-menu-open below).
 */
.bt-header {
	width: min(1280px, calc(100% - 32px));
	height: 84px;
	margin: 0 auto;
	padding: 0 20px;
	gap: 24px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 18px;
	background: rgba(30, 32, 37, 0.8);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

.bt-brand,
.bt-footer__logo {
	flex: none;
	padding: 9px 12px;
	border-radius: 9px;
	background: #fff;
}

.bt-brand {
	width: 172px;
}

.bt-brand img,
.bt-footer__logo img {
	width: 100% !important;
	height: auto !important;
}

.bt-nav {
	flex: 1;
	color: rgba(255, 255, 255, 0.76);
	font-size: 14px;
}

.bt-nav .wp-block-navigation__container {
	gap: 32px;
}

.bt-nav .wp-block-navigation-item__content {
	transition: color 0.25s ease;
}

.bt-nav .wp-block-navigation-item__content:hover {
	color: #fff;
}

.bt-nav .bt-menu-cta {
	display: none;
}

.bt-header-actions {
	gap: 20px;
}

.bt-header-actions p {
	margin: 0;
	white-space: nowrap;
}

.bt-members-link a {
	color: rgba(255, 255, 255, 0.78);
	font-size: 13px;
	font-weight: 600;
}

.bt-header-cta a {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.bt-members-link a:hover,
.bt-header-cta a:hover {
	color: #fff;
}

.bt-header-cta a::after {
	width: 34px;
	height: 34px;
	flex: none;
	border-radius: 50%;
	background: var(--bt-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") center / 18px no-repeat;
	transition: transform 0.25s ease;
	content: "";
}

.bt-header-cta a:hover::after {
	transform: translateX(4px);
}

/* ── Hero ───────────────────────────────────────────────── */

.bt-hero {
	min-height: 780px;
	padding-top: 148px;
	padding-bottom: 86px;
	display: grid;
	align-content: center;
	color: #fff;
	background: var(--wp--preset--gradient--hero-ink);
}

.bt-hero__grid {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	align-items: center;
	gap: 68px;
}

.bt-hero__copy > * {
	margin-block: 0;
}

.bt-hero__title {
	margin-bottom: 30px !important;
}

.bt-hero__lead {
	max-width: 530px;
	margin-bottom: 38px !important;
	color: rgba(255, 255, 255, 0.66);
	font-size: 18px;
}

.bt-hero__actions {
	gap: 30px;
}

/* Design rgba(255,255,255,.42) measures 4.0:1 on ink at 11px; .55 passes. */
.bt-hero__note {
	margin-top: 14px !important;
	color: rgba(255, 255, 255, 0.55);
	font-size: 11px;
}

.bt-hero__visual {
	min-width: 0;
	position: relative;
}

.bt-hero__image {
	height: 520px;
	position: relative;
	overflow: hidden;
	border-radius: 180px 18px 18px 18px;
	background: var(--bt-ink-soft);
}

.bt-hero__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bt-hero__image::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 44%, rgba(22, 24, 28, 0.82));
	content: "";
}

.bt-hero__label {
	position: absolute;
	right: 25px;
	bottom: 18px;
	z-index: 1;
	color: rgba(255, 255, 255, 0.8);
	font-family: var(--wp--preset--font-family--display);
	font-size: 10px;
	letter-spacing: 0.16em;
}

.bt-badge {
	width: 134px;
	height: 134px;
	position: absolute;
	left: -48px;
	bottom: 42px;
	z-index: 2;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: var(--bt-teal);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}

.bt-badge svg {
	width: 120px;
	position: absolute;
	animation: bt-spin 18s linear infinite;
}

.bt-badge text {
	fill: #fff;
	font-family: var(--wp--preset--font-family--display);
	font-size: 8px;
	letter-spacing: 1px;
}

.bt-badge span {
	font-family: var(--wp--preset--font-family--display);
	font-size: 33px;
	font-weight: 700;
	line-height: 1;
}

.bt-badge sup,
.bt-stat__value sup {
	color: var(--bt-red);
	font-size: 0.38em;
	vertical-align: top;
}

.bt-hero__time {
	padding: 13px 17px;
	position: absolute;
	top: 28px;
	right: -18px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	color: var(--bt-ink);
	background: #fff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.bt-hero__time p:first-child {
	color: var(--bt-muted);
	font-size: 11px;
	line-height: 1.5;
}

.bt-hero__time strong {
	font-family: var(--wp--preset--font-family--display);
	font-size: 20px;
	line-height: 1.3;
}

/* ── Ticker ─────────────────────────────────────────────── */

.bt-ticker {
	padding: 15px 0;
	overflow: hidden;
	color: #fff;
	background: var(--bt-red);
	font: 700 12px/1 var(--wp--preset--font-family--display);
	letter-spacing: 0.2em;
}

.bt-ticker__track {
	width: max-content;
	display: flex;
	align-items: center;
	gap: 32px;
	animation: bt-ticker 24s linear infinite;
}

.bt-ticker__track i {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
}

/* ── About ──────────────────────────────────────────────── */

.bt-about {
	background: var(--bt-paper);
}

.bt-about__grid {
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	gap: 100px;
}

.bt-about__grid h2 {
	margin: 0;
}

.bt-about__copy {
	padding-top: 38px;
}

.bt-about__copy > * {
	margin-block: 0 1em;
}

.bt-about__copy .bt-large-copy {
	color: var(--bt-ink);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}

.bt-about__copy .is-style-bt-text-link {
	margin-top: 14px;
}

/* ── Impact ─────────────────────────────────────────────── */

.bt-impact {
	color: #fff;
	background: linear-gradient(rgba(30, 32, 37, 0.94), rgba(30, 32, 37, 0.97)), url("assets/images/chapter-event.webp") center / cover;
}

.bt-impact__intro {
	margin-bottom: 66px;
}

.bt-impact__intro > * {
	max-width: 680px;
	margin-block: 0;
}

.bt-impact__intro h2 {
	margin-bottom: 16px;
}

.bt-impact__intro > p:last-child {
	color: rgba(255, 255, 255, 0.62);
}

.bt-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.bt-stat {
	min-height: 260px;
	padding: 38px 34px;
	border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.bt-stat:last-child {
	border-right: 0;
}

.bt-stat::before {
	width: 30px;
	height: 5px;
	margin-bottom: 34px;
	display: block;
	background: var(--wp--preset--color--silver);
	content: "";
}

.bt-stat.is-teal::before {
	background: var(--bt-teal);
}

.bt-stat.is-red::before {
	background: var(--bt-red);
}

.bt-stat__value {
	font: 700 clamp(50px, 6vw, 76px)/1 var(--wp--preset--font-family--display);
	letter-spacing: -0.06em;
}

.bt-stat__text {
	margin-top: 25px !important;
	color: rgba(255, 255, 255, 0.62);
	font-size: 14px;
}

/* ── Power Team benefits ────────────────────────────────── */

.bt-benefits__heading {
	margin-bottom: 60px;
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 40px;
}

.bt-benefits__heading > * {
	margin: 0;
}

.bt-benefits__heading h2 {
	text-align: right;
}

.bt-benefit-list {
	border-top: 1px solid var(--bt-line);
}

.bt-benefit {
	padding: 32px 12px;
	display: grid;
	grid-template-columns: 70px minmax(230px, 0.8fr) minmax(260px, 1fr) 50px;
	align-items: center;
	gap: 30px;
	border-bottom: 1px solid var(--bt-line);
	transition: background 0.3s ease, padding 0.3s ease;
}

.bt-benefit:hover {
	padding-right: 24px;
	padding-left: 24px;
	background: #fff;
}

/* Design red at 11px measures 4.17:1 on paper; the small-text red passes. */
.bt-benefit__number {
	color: var(--bt-red-text);
	font: 700 11px/1 var(--wp--preset--font-family--display);
}

.bt-benefit h3 {
	font-size: var(--wp--preset--font-size--x-large);
}

.bt-benefit p:not(.bt-benefit__number) {
	color: #63666a;
	font-size: 14px;
}

.bt-benefit::after {
	width: 42px;
	height: 42px;
	border: 1px solid var(--bt-line);
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='%231e2025' stroke-width='1.8'/%3E%3C/svg%3E") center / 20px no-repeat;
	transform: rotate(-45deg);
	content: "";
}

/* ── Member directory preview ───────────────────────────── */

.bt-members {
	color: var(--bt-ink);
	background: #fff;
}

.bt-members__grid {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	gap: 100px;
}

.bt-members__copy > * {
	margin-block: 0 1em;
}

.bt-members__copy .bt-section-number {
	margin-bottom: 42px;
}

.bt-members__actions {
	margin-top: 34px !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.bt-members__actions > * {
	margin: 0;
}

.bt-category-grid {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-self: start;
	border-top: 1px solid var(--bt-line);
	border-left: 1px solid var(--bt-line);
	list-style: none;
	counter-reset: bt-cat;
}

.bt-category-grid li {
	counter-increment: bt-cat;
}

.bt-category-grid a {
	min-height: 132px;
	height: 100%;
	padding: 24px;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: 1fr auto;
	align-items: end;
	gap: 12px;
	border-right: 1px solid var(--bt-line);
	border-bottom: 1px solid var(--bt-line);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	transition: color 0.25s ease, background 0.25s ease;
}

.bt-category-grid a::before {
	grid-column: 1 / -1;
	align-self: start;
	color: var(--bt-red-text);
	font: 700 10px/1 var(--wp--preset--font-family--display);
	content: counter(bt-cat, decimal-leading-zero);
}

.bt-category-grid a::after {
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: var(--bt-arrow) center / contain no-repeat;
	mask: var(--bt-arrow) center / contain no-repeat;
	transform: rotate(-45deg);
	content: "";
}

.bt-category-grid a:hover {
	color: #fff;
	background: var(--bt-teal);
}

.bt-category-grid a:hover::before {
	color: rgba(255, 255, 255, 0.8);
}

/* ── Weekly meeting ─────────────────────────────────────── */

.bt-meeting {
	padding-top: 0;
}

.bt-members + .bt-meeting {
	padding-top: var(--wp--preset--spacing--60);
}

.bt-meeting__card {
	min-height: 600px;
	position: relative;
	display: grid;
	grid-template-columns: 1fr 0.9fr;
	overflow: hidden;
	border-radius: 22px;
	color: #fff;
	background: var(--bt-teal);
}

.bt-meeting__content {
	padding: 70px;
}

.bt-meeting__content > * {
	margin-block: 0;
}

.bt-meeting__content h2 {
	font-size: var(--wp--preset--font-size--xx-large);
}

.bt-meeting__content .wp-block-buttons {
	margin-top: 0;
}

/* The image is a direct grid cell; the figure's own margins would push it off the card's edge. */
.bt-meeting__image {
	min-height: 600px;
	margin: 0 !important;
	clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
}

.bt-meeting__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.is-style-bt-checklist {
	margin: 36px 0 !important;
	padding: 0;
	list-style: none;
}

.is-style-bt-checklist li {
	margin: 13px 0;
	display: flex;
	align-items: center;
	gap: 12px;
	color: rgba(255, 255, 255, 0.95);
	font-size: 14px;
}

.is-style-bt-checklist li::before {
	width: 20px;
	height: 20px;
	flex: none;
	background: currentColor;
	-webkit-mask: var(--bt-check) center / contain no-repeat;
	mask: var(--bt-check) center / contain no-repeat;
	content: "";
}

/* ── Upcoming events (from the plugin) ──────────────────── */

.bt-events {
	padding-top: 0;
}

.bt-events__inner {
	max-width: var(--wp--style--global--content-size, 1200px);
	margin: 0 auto;
}

.bt-events__head {
	margin-bottom: 40px;
}

.bt-events__head .bt-section-number {
	margin-bottom: 22px;
}

.bt-events__head h2 {
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
}

.bt-events__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.bt-event {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 18px;
	color: var(--bt-ink);
	background: #fff;
	box-shadow: 0 10px 32px rgba(30, 32, 37, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

a.bt-event:hover {
	color: var(--bt-ink);
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(30, 32, 37, 0.12);
}

.bt-event img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.bt-event__date {
	width: 64px;
	height: 64px;
	position: absolute;
	top: 16px;
	right: 16px;
	display: grid;
	place-content: center;
	border-radius: 50%;
	color: var(--bt-ink);
	background: #fff;
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

.bt-event__date b {
	color: var(--bt-red);
	font: 700 22px/1 var(--wp--preset--font-family--display);
}

.bt-event__body {
	padding: 22px 24px 26px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.bt-event__body small {
	color: var(--bt-red-text);
	font-size: 12px;
	font-weight: 600;
}

.bt-event__body strong {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.35;
}

.bt-event__body span {
	color: var(--bt-muted);
	font-size: 14px;
}

/* ── FAQ ────────────────────────────────────────────────── */

.bt-faq {
	background: #fff;
}

.bt-faq__grid {
	display: grid;
	grid-template-columns: 0.7fr 1.3fr;
	gap: 100px;
}

.bt-faq__grid h2 {
	font-size: var(--wp--preset--font-size--xx-large);
}

.bt-faq__list {
	border-top: 1px solid var(--bt-line);
	counter-reset: bt-faq;
}

.bt-faq__list > * {
	margin-block: 0;
}

.bt-faq__item {
	border-bottom: 1px solid var(--bt-line);
	counter-increment: bt-faq;
}

.bt-faq__item summary {
	padding: 26px 0;
	display: grid;
	grid-template-columns: 42px 1fr 30px;
	align-items: center;
	gap: 15px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.45;
	list-style: none;
	cursor: pointer;
}

.bt-faq__item summary::-webkit-details-marker {
	display: none;
}

.bt-faq__item summary::before {
	color: var(--bt-red-text);
	font: 700 10px/1 var(--wp--preset--font-family--display);
	content: counter(bt-faq, decimal-leading-zero);
}

.bt-faq__item summary::after {
	width: 16px;
	height: 16px;
	justify-self: end;
	background: linear-gradient(var(--bt-ink), var(--bt-ink)) center / 16px 1px no-repeat, linear-gradient(var(--bt-ink), var(--bt-ink)) center / 1px 16px no-repeat;
	transition: transform 0.25s ease;
	content: "";
}

.bt-faq__item[open] summary::after {
	background: linear-gradient(var(--bt-ink), var(--bt-ink)) center / 16px 1px no-repeat;
}

.bt-faq__item > :not(summary) {
	margin: 0 45px 28px 57px;
	color: #63666a;
	font-size: 14px;
}

/* Browsers that can animate <details> open it smoothly; the others open it at once. */
.bt-faq__item::details-content {
	height: 0;
	overflow: clip;
	transition: height 0.35s ease, content-visibility 0.35s allow-discrete;
}

.bt-faq__item[open]::details-content {
	height: auto;
}

/* ── Visit call to action ───────────────────────────────── */

.bt-visit {
	position: relative;
	overflow: hidden;
	color: #fff;
	text-align: center;
	background: var(--wp--preset--gradient--visit-red), url("assets/images/chapter-event.webp") center / cover;
}

.bt-visit::before,
.bt-visit::after {
	width: 220px;
	height: 220px;
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 50%;
	content: "";
}

.bt-visit::before {
	top: -70px;
	left: -70px;
}

.bt-visit::after {
	right: -50px;
	bottom: -110px;
}

.bt-visit__inner {
	position: relative;
	z-index: 1;
}

.bt-visit__inner > * {
	margin-block: 0;
}

.bt-visit .bt-eyebrow {
	justify-content: center;
}

.bt-visit__inner h2 {
	margin-bottom: 28px;
}

.bt-visit h2 em {
	color: #fff;
	font-weight: 700;
}

/* Design .78 white measures 3.6:1 on the red; .92 is the lightest that keeps body text legible. */
.bt-visit__lead {
	max-width: 630px;
	margin: 0 auto 35px !important;
	color: rgba(255, 255, 255, 0.92);
}

.bt-visit__actions {
	justify-content: center;
}

.bt-visit__members {
	margin-top: 22px !important;
	font-size: 13px;
}

.bt-visit__members a {
	padding-bottom: 2px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}

.bt-visit__members a:hover {
	color: #fff;
}

.bt-visit__members a::after {
	width: 16px;
	height: 16px;
}

/* ── Inner pages ────────────────────────────────────────── */

.bt-page-hero {
	padding-top: 176px;
	padding-bottom: 86px;
	color: #fff;
	background: var(--wp--preset--gradient--hero-ink);
}

.bt-page-hero__inner > * {
	margin-block: 0;
}

.bt-page-hero .bt-eyebrow a {
	color: inherit;
}

.bt-page-hero__title {
	margin-block: 0 !important;
	font-size: var(--wp--preset--font-size--huge);
}

.bt-page-hero__title.is-post {
	font-size: var(--wp--preset--font-size--xx-large);
}

.bt-page-hero__lead,
.bt-page-hero__meta {
	max-width: 640px;
	margin-top: 24px !important;
	color: rgba(255, 255, 255, 0.66);
}

.bt-page-hero .bt-hero__actions {
	margin-top: 38px !important;
}

.bt-entry {
	background: var(--bt-paper);
}

.bt-entry__image {
	margin-bottom: 48px;
	overflow: hidden;
	border-radius: 18px;
}

.bt-entry__content a {
	color: var(--bt-red-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bt-entry__content img {
	border-radius: 14px;
}

.bt-entry__nav {
	margin-top: 64px !important;
	padding-top: 28px;
	border-top: 1px solid var(--bt-line);
	font-weight: 600;
}

/* Blank canvas for the LINE app page: the plugin's own UI, nothing of the theme around it. */
.bt-canvas {
	min-height: 100vh;
	background: #fff;
}

/* ── Post grid ──────────────────────────────────────────── */

.bt-posts__grid {
	gap: 22px;
}

.bt-post-card {
	height: 100%;
	overflow: hidden;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 32px rgba(30, 32, 37, 0.06);
}

.bt-post-card > * {
	margin: 0 24px;
}

.bt-post-card > .bt-post-card__image {
	margin: 0 0 20px;
}

.bt-post-card__date {
	color: var(--bt-red-text);
	font-size: 12px;
	font-weight: 600;
}

.bt-post-card__title {
	margin-top: 6px;
	font-size: 20px;
	letter-spacing: -0.02em;
}

.bt-post-card__excerpt {
	margin: 8px 24px 26px;
	color: var(--wp--preset--color--muted-copy);
	font-size: 14px;
}

.bt-pagination {
	margin-top: 48px;
}

.bt-search {
	max-width: 520px;
	margin-top: 28px !important;
}

/* ── Member directory (page) ────────────────────────────── */

.bt-directory {
	background: var(--bt-paper);
}

.bt-directory__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.bt-directory__count {
	padding: 22px 28px;
	display: flex;
	align-items: center;
	gap: 17px;
	border-left: 3px solid var(--bt-red);
	background: #fff;
}

.bt-directory__count strong {
	color: var(--bt-teal);
	font: 700 48px/1 var(--wp--preset--font-family--display);
}

.bt-directory__count span {
	color: var(--bt-muted);
	font-size: 12px;
	line-height: 1.5;
}

.bt-directory__search {
	width: min(420px, 100%);
	height: 58px;
	padding: 0 20px 0 52px;
	display: flex;
	align-items: center;
	border: 1px solid var(--bt-line);
	border-radius: 12px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' stroke='%236b6f6e' stroke-width='1.8'/%3E%3Cpath d='m16 16 5 5' stroke='%236b6f6e' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") 20px center / 20px no-repeat;
}

.bt-directory__search input {
	width: 100%;
	border: 0;
	outline: 0;
	color: var(--bt-ink);
	background: none;
	font: inherit;
	font-size: 15px;
}

.bt-directory__search:focus-within {
	border-color: var(--bt-teal);
}

.bt-directory__chips {
	margin-top: 32px;
	display: flex;
	gap: 8px;
	overflow-x: auto;
}

.bt-directory__chips button {
	min-height: 42px;
	padding: 0 18px;
	flex: none;
	border: 1px solid var(--bt-line);
	border-radius: 999px;
	color: var(--bt-muted);
	background: transparent;
	font: inherit;
	font-size: 13px;
	cursor: pointer;
}

.bt-directory__chips button.is-active {
	border-color: var(--bt-teal);
	color: #fff;
	background: var(--bt-teal);
}

.bt-directory__status {
	margin: 28px 0 14px;
	color: var(--bt-muted);
	font-size: 13px;
}

.bt-directory__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.bt-member {
	min-height: 142px;
	padding: 22px;
	display: grid;
	grid-template-columns: 68px 1fr 34px;
	align-items: center;
	gap: 18px;
	border: 1px solid transparent;
	border-radius: 16px;
	color: var(--bt-ink);
	background: #fff;
	box-shadow: 0 10px 32px rgba(30, 32, 37, 0.04);
	transition: transform 0.25s ease, border-color 0.25s ease;
}

a.bt-member:hover {
	border-color: rgba(23, 123, 131, 0.35);
	color: var(--bt-ink);
	transform: translateY(-3px);
}

.bt-member[hidden] {
	display: none;
}

.bt-member__avatar {
	width: 68px;
	height: 68px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	object-fit: cover;
	color: #fff;
	background: var(--bt-teal);
	font-size: 20px;
	font-weight: 700;
}

.bt-member__avatar.is-red {
	background: var(--bt-red);
}

.bt-member__avatar.is-ink {
	background: var(--bt-ink);
}

.bt-member__avatar.is-gold {
	background: #8b7042;
}

.bt-member__info {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.bt-member__info small {
	margin-bottom: 4px;
	color: var(--bt-teal-text);
	font: 700 10px/1.4 var(--wp--preset--font-family--display);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.bt-member__info strong {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
}

.bt-member__info strong span {
	font-weight: 500;
}

.bt-member__company,
.bt-member__business {
	overflow: hidden;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bt-member__company {
	color: var(--bt-red-text);
	font-weight: 600;
}

.bt-member__business {
	color: var(--bt-muted);
}

.bt-member__info em {
	width: max-content;
	max-width: 100%;
	margin-top: 8px;
	padding: 3px 8px;
	border-radius: 4px;
	color: var(--bt-red-text);
	background: rgba(227, 29, 56, 0.07);
	font-size: 11px;
	font-style: normal;
}

.bt-member__arrow {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(227, 29, 56, 0.07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m9 18 6-6-6-6' stroke='%23c4132d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
}

.bt-directory__empty {
	padding: 40px 0;
	color: var(--bt-muted);
	text-align: center;
}

.bt-admin-hint {
	padding: 16px 20px;
	border: 1px dashed var(--bt-red);
	border-radius: 12px;
	color: var(--bt-red-text);
	background: #fff;
	font-size: 14px;
}

/* ── Register a visit (contact page) ────────────────────── */

.bt-contact {
	background: var(--bt-paper);
}

.bt-visit-options {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	align-items: start;
	gap: 28px;
}

.bt-visit-card {
	padding: 48px;
	border-radius: 22px;
	background: #fff;
}

.bt-visit-card > * {
	margin-block: 0;
}

.bt-visit-card h2 {
	margin-bottom: 18px;
	font-size: var(--wp--preset--font-size--xx-large);
}

.bt-visit-card.is-line {
	color: #fff;
	background: var(--bt-teal);
}

.bt-visit-card.is-line > p:not(.bt-eyebrow) {
	color: rgba(255, 255, 255, 0.92);
}

.bt-visit-card.is-line .is-style-bt-checklist {
	margin: 28px 0 32px !important;
}

.bt-visit-card__note {
	margin-top: 8px;
	font-size: 13px;
}

.bt-visit-card.is-form .bt-section-number {
	margin-bottom: 18px;
}

.bt-visit-card.is-form .is-style-bt-text-link {
	margin-top: 10px;
}

/* Fluent Forms on the theme's tokens: fields like the directory search, the button like the red pill. */
.bt-visit-card .ff-el-input--label label {
	color: var(--bt-ink);
	font-size: 14px;
	font-weight: 600;
}

.bt-visit-card .ff-el-form-control {
	min-height: 52px;
	border: 1px solid var(--bt-line);
	border-radius: 12px;
	background: var(--wp--preset--color--paper);
	font: inherit;
}

.bt-visit-card .ff-el-form-control:focus {
	border-color: var(--bt-teal);
	box-shadow: none;
}

.bt-visit-card .ff-btn-submit {
	min-height: 56px;
	padding: 0 28px !important;
	border: 0 !important;
	border-radius: 12px !important;
	color: #fff !important;
	background: var(--bt-red) !important;
	font: inherit !important;
	font-weight: 600 !important;
}

/* ── Footer ─────────────────────────────────────────────── */

.bt-footer {
	padding-top: 70px;
	padding-bottom: 26px;
	color: #fff;
	background: var(--bt-ink);
}

.bt-footer__main {
	padding-bottom: 60px;
	display: grid;
	grid-template-columns: 230px 1fr auto;
	align-items: center;
	gap: 60px;
}

.bt-footer__logo {
	width: 210px;
	padding: 12px;
	border-radius: 10px;
}

.bt-footer__tagline {
	color: rgba(255, 255, 255, 0.62);
}

.bt-footer__links {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	font-size: 13px;
	list-style: none;
}

.bt-footer__links a:hover {
	color: var(--bt-red);
}

/* Design rgba(255,255,255,.4) at 10px measures 3.4:1 on ink; .58 passes. */
.bt-footer__bottom {
	padding-top: 22px;
	display: flex;
	justify-content: space-between;
	gap: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.58);
	font: 500 11px/1.5 var(--wp--preset--font-family--display);
	letter-spacing: 0.04em;
}

.bt-mobile-cta {
	display: none;
}

/* ── Reveal on scroll (assets/js/reveal.js) ─────────────── */

.bt-js .bt-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.bt-js .bt-reveal.is-visible {
	opacity: 1;
	transform: none;
}

@keyframes bt-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes bt-ticker {
	to {
		transform: translateX(-50%);
	}
}

/* ── ≤ 980px: header collapses, grids tighten ───────────── */

@media (max-width: 980px) {
	.bt-header .bt-header-actions {
		display: none;
	}

	.bt-nav {
		flex: none;
	}

	/* The core menu collapses at 600px; the design collapses at 980px. */
	.bt-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.bt-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.bt-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
		display: flex;
	}

	.bt-hero__grid {
		grid-template-columns: 1fr;
	}

	.bt-hero__copy {
		max-width: 720px;
	}

	.bt-hero__visual {
		margin-left: 40px !important;
	}

	.bt-about__grid,
	.bt-members__grid {
		gap: 50px;
	}

	.bt-meeting__content {
		padding: 55px 42px;
	}

	.bt-faq__grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.bt-events__grid {
		grid-template-columns: 1fr 1fr;
	}

	.bt-visit-options {
		grid-template-columns: 1fr;
	}

	.bt-footer__main {
		grid-template-columns: 1fr 1fr;
	}

	.bt-footer__links {
		grid-column: 1 / -1;
	}
}

/* The mobile menu: a panel dropping from under the header, as in the design. */
.bt-nav .wp-block-navigation__responsive-container-open {
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	color: #fff;
	background: var(--bt-red);
}

/* Core paints the open menu white through .wp-block-navigation:not(.has-background); hence the long selector. */
.bt-header .bt-nav:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	position: fixed;
	inset: 74px 0 auto 0;
	height: auto;
	max-height: calc(100vh - 120px);
	padding: 22px;
	overflow-y: auto;
	border-radius: 16px;
	color: #fff;
	background: var(--bt-ink-soft);
	animation: none;
}

.bt-nav .is-menu-open .wp-block-navigation__responsive-close,
.bt-nav .is-menu-open .wp-block-navigation__responsive-dialog {
	max-width: none;
	margin: 0;
}

.bt-nav .is-menu-open .wp-block-navigation__responsive-container-close {
	top: 0;
	right: 0;
	color: #fff;
}

.bt-nav .is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 0;
	gap: 18px;
}

/* Left-aligned as in the design; core aligns the open menu like the desktop bar (centred). */
.bt-header .bt-nav .is-menu-open .wp-block-navigation__responsive-container-content,
.bt-header .bt-nav .is-menu-open .wp-block-navigation__container,
.bt-header .bt-nav .is-menu-open .wp-block-navigation-item {
	align-items: flex-start;
}

.bt-nav .is-menu-open .wp-block-navigation__container {
	gap: 18px;
}

.bt-nav .is-menu-open .wp-block-navigation-item__content {
	padding: 0;
	color: #fff;
	font-size: 16px;
}

.bt-nav .is-menu-open .bt-menu-cta {
	width: 100%;
	margin-top: 6px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bt-nav .is-menu-open .bt-menu-cta .wp-block-button,
.bt-nav .is-menu-open .bt-menu-cta .wp-block-button__link {
	width: 100%;
	justify-content: space-between;
}

/* ── ≤ 700px: phones ────────────────────────────────────── */

@media (max-width: 700px) {
	.bt-site-header {
		top: 12px;
	}

	.admin-bar .bt-site-header {
		top: calc(12px + var(--wp-admin--admin-bar--height, 46px));
	}

	.bt-header {
		width: calc(100% - 24px);
		height: 70px;
		padding: 0 12px;
		border-radius: 14px;
	}

	.bt-header .bt-nav:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
		inset: 62px 0 auto 0;
	}

	.bt-brand {
		width: 145px;
	}

	.bt-hero {
		min-height: 0;
		padding-top: 124px;
	}

	.bt-hero__grid {
		gap: 54px;
	}

	.bt-hero__lead {
		font-size: 16px;
	}

	.bt-hero__actions {
		flex-direction: column;
		align-items: stretch;
		gap: 18px;
	}

	.bt-hero__actions .wp-block-button,
	.bt-hero__actions .wp-block-button__link {
		width: 100%;
	}

	.bt-hero__actions .wp-block-button__link {
		justify-content: space-between;
	}

	.bt-hero__visual {
		margin: 0 0 0 20px !important;
	}

	.bt-hero__image {
		height: 390px;
		border-radius: 110px 14px 14px 14px;
	}

	.bt-badge {
		width: 112px;
		height: 112px;
		left: -28px;
		bottom: 28px;
	}

	.bt-badge svg {
		width: 101px;
	}

	.bt-badge span {
		font-size: 28px;
	}

	.bt-hero__time {
		top: 18px;
		right: 10px;
	}

	.bt-section-number {
		margin-bottom: 40px;
	}

	.bt-about__grid,
	.bt-stats,
	.bt-meeting__card,
	.bt-members__grid {
		grid-template-columns: 1fr;
	}

	.bt-about__grid {
		gap: 24px;
	}

	.bt-about__copy {
		padding-top: 0;
	}

	.bt-stat {
		min-height: 210px;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	}

	.bt-stat:last-child {
		border-bottom: 0;
	}

	.bt-benefits__heading {
		display: block;
	}

	.bt-benefits__heading .bt-section-number {
		margin-bottom: 30px;
	}

	.bt-benefits__heading h2 {
		text-align: left;
	}

	.bt-benefit {
		padding: 27px 4px;
		grid-template-columns: 36px 1fr 40px;
		gap: 12px;
	}

	.bt-benefit:hover {
		padding-right: 10px;
		padding-left: 10px;
	}

	.bt-benefit h3 {
		grid-column: 2;
		grid-row: 1;
	}

	.bt-benefit p:not(.bt-benefit__number) {
		grid-column: 2 / -1;
		grid-row: 2;
	}

	.bt-benefit::after {
		width: 40px;
		height: 40px;
		grid-column: 3;
		grid-row: 1;
	}

	.bt-members__grid {
		gap: 48px;
	}

	.bt-members__actions .wp-block-buttons,
	.bt-members__actions .wp-block-button,
	.bt-members__actions .wp-block-button__link {
		width: 100%;
	}

	.bt-members__actions .wp-block-button__link {
		justify-content: space-between;
	}

	.bt-category-grid a {
		min-height: 112px;
		padding: 18px;
	}

	.bt-meeting__card {
		min-height: 0;
	}

	.bt-meeting__content {
		padding: 48px 24px;
	}

	.bt-meeting__image {
		min-height: 280px;
		clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%);
	}

	.bt-meeting__content .wp-block-button,
	.bt-meeting__content .wp-block-button__link,
	.bt-visit .wp-block-button,
	.bt-visit .wp-block-button__link {
		width: 100%;
	}

	.bt-events__grid {
		grid-template-columns: 1fr;
	}

	.bt-faq__grid {
		gap: 16px;
	}

	.bt-faq__grid .bt-section-number {
		margin-bottom: 22px;
	}

	.bt-faq__item summary {
		grid-template-columns: 32px 1fr 22px;
		font-size: 15px;
	}

	.bt-faq__item > :not(summary) {
		margin-right: 0;
		margin-left: 47px;
	}

	.bt-visit::before,
	.bt-visit::after {
		width: 140px;
		height: 140px;
	}

	.bt-page-hero {
		padding-top: 140px;
		padding-bottom: 64px;
	}

	.bt-directory__head {
		flex-direction: column;
		align-items: stretch;
	}

	.bt-directory__grid {
		grid-template-columns: 1fr;
	}

	.bt-member {
		min-height: 0;
		padding: 18px;
		grid-template-columns: 58px 1fr 30px;
		gap: 14px;
	}

	.bt-member__avatar {
		width: 58px;
		height: 58px;
		font-size: 17px;
	}

	.bt-visit-card {
		padding: 32px 22px;
	}

	.bt-mobile-cta {
		height: 64px;
		padding: 8px;
		position: fixed;
		right: 10px;
		bottom: 10px;
		left: 10px;
		z-index: 30;
		display: grid;
		grid-template-columns: 0.75fr 1.25fr;
		gap: 8px;
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 15px;
		background: rgba(30, 32, 37, 0.94);
		box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
		-webkit-backdrop-filter: blur(14px);
		backdrop-filter: blur(14px);
	}

	.bt-mobile-cta p,
	.bt-mobile-cta a {
		height: 100%;
	}

	.bt-mobile-cta a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		border-radius: 10px;
		color: #fff;
		font-size: 13px;
		font-weight: 600;
	}

	.bt-mobile-cta p:last-child a {
		background: var(--bt-red);
	}

	.bt-mobile-cta p:last-child a::after {
		width: 17px;
		height: 17px;
		background: currentColor;
		-webkit-mask: var(--bt-arrow) center / contain no-repeat;
		mask: var(--bt-arrow) center / contain no-repeat;
		content: "";
	}

	.bt-footer {
		padding-top: 50px;
		padding-bottom: 100px;
	}

	.bt-footer__main {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.bt-footer__links {
		grid-column: auto;
	}

	.bt-footer__bottom {
		flex-direction: column;
		gap: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.bt-ticker__track,
	.bt-badge svg {
		animation: none;
	}

	.bt-js .bt-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}