/* W8 accounts. Scoped to the account body; shared tokens and WooCommerce forms. */
.bc-account-hero { background: var(--color-cream); padding: var(--space-7) 0; }
.bc-account-hero h1 { font: var(--weight-regular) var(--banner-display)/var(--leading-tight) var(--font-display); margin-bottom: var(--space-3); }
.bc-account-hero > .wrap > p:last-child { margin: 0; color: var(--color-muted); font-size: var(--text-sm); }
.bc-account-body { padding-top: var(--space-7); }
.bc-account-body > .woocommerce { display: flow-root; }
.bc-account .woocommerce-MyAccount-navigation { width: 23%; float: left; }
.bc-account .woocommerce-MyAccount-content { width: 72%; float: right; min-width: 0; }
.bc-account-person { display: flex; align-items: center; gap: var(--space-3); padding-bottom: var(--space-5); border-bottom: var(--line); margin-bottom: var(--space-4); }
.bc-account-avatar { display: grid; place-items: center; width: var(--seal-size-small); height: var(--seal-size-small); max-width: var(--control-height-lg); max-height: var(--control-height-lg); border-radius: var(--radius-pill); background: var(--color-cream); flex-shrink: 0; }
.bc-account-person span:not(.bc-account-avatar) { display: block; font-size: var(--text-xs); color: var(--color-muted); }
.bc-account-person strong { display: block; overflow-wrap: anywhere; }
.woocommerce-account .bc-account-nav li a { display: flex; gap: var(--space-3); align-items: center; border: 0; padding: var(--space-3) var(--space-4); border-radius: var(--radius); font-size: var(--text-sm); }
.woocommerce-account .bc-account-nav li.is-active a { background: var(--color-red-tint); color: var(--color-red-dark); }
.bc-account-nav a:hover { background: var(--color-cream); }
.bc-account-help { border-top: var(--line); padding: var(--space-5) var(--space-4) 0; margin-top: var(--space-5); font-size: var(--text-sm); }
.bc-account-help > strong { display: block; margin-bottom: var(--space-2); }
.bc-account-help > p:not(.eyebrow) { color: var(--color-muted); }
.bc-account-heading { margin-bottom: var(--space-6); }
.bc-account-heading h2 { font-size: var(--text-xl); }
.bc-account-heading p:not(.eyebrow) { color: var(--color-muted); font-size: var(--text-sm); max-width: var(--measure); margin: 0; }
.bc-account-section-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-4); }
.bc-account-section-head h3 { margin: 0; }
.bc-account-order { border: var(--line); border-radius: var(--radius); margin-bottom: var(--space-5); overflow: hidden; }
.bc-account-order-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); background: var(--color-cream); padding: var(--space-5); }
.bc-account-order-head h3 { font-size: var(--text-md); margin: 0 0 var(--space-1); }
.bc-account-order-head p { font-size: var(--text-xs); color: var(--color-muted); margin: 0; }
.bc-account-order-head p > span { padding: 0 var(--space-2); }
.bc-account-status { display: inline-flex; align-items: center; gap: var(--space-2); border: var(--line); border-radius: var(--radius-pill); background: var(--color-surface); padding: var(--space-1) var(--space-3); font-size: var(--text-xs); font-weight: var(--weight-semibold); white-space: nowrap; }
.bc-account-status::before { content: ''; width: var(--space-2); height: var(--space-2); border-radius: var(--radius-pill); background: var(--color-red); }
.bc-account-order-items { padding: var(--space-5) var(--space-5) 0; font-size: var(--text-sm); }
.bc-account-order-items p { margin-bottom: var(--space-2); font-weight: var(--weight-semibold); }
.bc-account-order-items span { color: var(--color-muted); font-weight: var(--weight-regular); }
.bc-account-order-extra { font-size: var(--text-sm); padding: 0 var(--space-5); }
.bc-account-order-extra:empty { display: none; }
.bc-account-order-extra > div { display: flex; gap: var(--space-4); }
.bc-account-order-extra dt { font-weight: var(--weight-semibold); }
.bc-account-order-extra dd { margin: 0; }
.bc-tracking { padding: var(--space-5) 0; }
.bc-account-order > .bc-tracking { padding-inline: var(--space-5); }
.bc-timeline { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; margin: var(--space-3) 0 0; }
.bc-timeline-step { position: relative; min-width: 0; padding: 0 var(--space-3) 0 0; }
.bc-timeline-step::before { content: ''; position: absolute; top: var(--space-4); left: var(--space-4); width: 100%; height: var(--rule-weight); background: var(--color-line); }
.bc-timeline-step:last-child::before { display: none; }
.bc-timeline-step.is-done::before { background: var(--color-red); }
.bc-timeline-dot { position: relative; display: grid; place-items: center; width: var(--space-6); height: var(--space-6); border: 2px solid var(--color-line); background: var(--color-surface); border-radius: var(--radius-pill); margin-bottom: var(--space-4); color: var(--color-muted); }
.bc-timeline-dot .icon { width: var(--icon-sm); height: var(--icon-sm); }
.bc-timeline-dot > span { width: var(--space-2); height: var(--space-2); background: var(--color-line); border-radius: var(--radius-pill); }
.bc-timeline-step.is-current .bc-timeline-dot { border-color: var(--color-red); color: var(--color-red); background: var(--color-red-tint); }
.bc-timeline-step.is-done .bc-timeline-dot { background: var(--color-red); border-color: var(--color-red); color: var(--color-on-red); }
.bc-timeline-step > strong { display: block; font-size: var(--text-sm); line-height: var(--leading-tight); margin-bottom: var(--space-2); }
.bc-timeline-step.is-current > strong { color: var(--color-red-dark); }
.bc-timeline-detail { display: block; max-width: 95%; font-size: var(--text-xs); color: var(--color-muted); line-height: var(--leading-base); }
.bc-tracking-footnote { font-size: var(--text-xs); color: var(--color-muted); margin: var(--space-5) 0 0; }
.bc-tracking-waybill { display: flex; gap: var(--space-3); align-items: center; padding: var(--space-3) var(--space-4); margin-top: var(--space-5); background: var(--color-cream); border-radius: var(--radius); font-size: var(--text-xs); overflow-wrap: anywhere; }
.bc-tracking-ref { margin-left: var(--space-3); }
.bc-shipment + .bc-shipment { border-top: var(--line); padding-top: var(--space-5); margin-top: var(--space-5); }
.bc-shipment h3 { font-size: var(--text-sm); margin-bottom: var(--space-1); }
.bc-shipment-items, .bc-tracking-split { color: var(--color-muted); font-size: var(--text-xs); }
.bc-account-order-actions { border-top: var(--line); padding: var(--space-4) var(--space-5); display: flex; flex-wrap: wrap; gap: var(--space-5); align-items: center; }
.bc-account-note { background: var(--color-cream); border-left: var(--rule-weight) solid var(--color-red); padding: var(--space-3) var(--space-4); font-size: var(--text-sm); margin: 0 0 var(--space-4); }
.bc-shipment > .bc-account-note { margin: var(--space-4) 0 0; }
.bc-account-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.bc-account-shortcuts > a { border: var(--line); border-radius: var(--radius); padding: var(--space-5); }
.bc-account-shortcuts > a:hover { background: var(--color-cream); color: inherit; }
.bc-account-shortcuts .icon { color: var(--color-red); width: var(--space-5); height: var(--space-5); margin-bottom: var(--space-4); }
.bc-account-shortcuts h3 { font-size: var(--text-md); }
.bc-account-shortcuts p { font-size: var(--text-sm); color: var(--color-muted); }
.bc-account-empty { padding: var(--space-7) var(--space-5); border: var(--line); background: var(--color-cream); border-radius: var(--radius); text-align: center; }
.bc-account-empty > .icon { width: var(--space-6); height: var(--space-6); color: var(--color-red); margin-bottom: var(--space-4); }
.bc-account-empty p { color: var(--color-muted); font-size: var(--text-sm); }
.bc-account .woocommerce-MyAccount-content > h2, .bc-account .woocommerce-MyAccount-content > h3 { font-size: var(--text-lg); }
.bc-account .woocommerce-MyAccount-content > .bc-tracking { border-block: var(--line); margin-bottom: var(--space-6); }
.bc-account .woocommerce-order-details, .bc-account .woocommerce-customer-details { margin-top: var(--space-6); }
.bc-account .woocommerce-customer-details h2, .bc-account .woocommerce-order-details h2 { font-size: var(--text-lg); }
.bc-account .woocommerce-address-fields, .bc-account .woocommerce-EditAccountForm { max-width: var(--measure); }
.bc-account fieldset { border: var(--line); padding: var(--space-5); margin: var(--space-5) 0; border-radius: var(--radius); }
.bc-account legend { padding: 0 var(--space-2); font-weight: var(--weight-bold); }
.bc-account .woocommerce-form-login, .bc-account .woocommerce-form-register { border: var(--line); border-radius: var(--radius); padding: var(--space-5); }
.bc-account .woocommerce-form-login__submit, .bc-account .woocommerce-EditAccountForm .button, .bc-account .woocommerce-address-fields .button { background: var(--color-red); }
.bc-account .woocommerce-form-login__submit:hover, .bc-account .woocommerce-EditAccountForm .button:hover { background: var(--color-red-dark); }
.bc-account .shop_table { font-size: var(--text-sm); width: 100%; border-collapse: collapse; }
.bc-account .shop_table td, .bc-account .shop_table th { text-align: left; padding: var(--space-3); border-bottom: var(--line); }
.bc-account .woocommerce-Address { border: var(--line); border-radius: var(--radius); padding: var(--space-5); }
.bc-account .woocommerce-Address h2 { font-size: var(--text-md); }
.bc-account .woocommerce-Address address { font-size: var(--text-sm); font-style: normal; margin-top: var(--space-4); }
/* One order (view-order.php): the design's lined table, without WooCommerce's box; the card above carries the actions. */
.bc-account-heading > .text-link { display: inline-block; margin-top: var(--space-3); font-size: var(--text-sm); }
.bc-account-updates { margin: var(--space-6) 0; }
.bc-account-updates h2 { font-size: var(--text-lg); }
.bc-account-updates ol { list-style: none; padding: 0; margin: 0; }
.bc-account-updates li { border-left: var(--rule-weight) solid var(--color-red); background: var(--color-cream); padding: var(--space-3) var(--space-4); margin-bottom: var(--space-3); font-size: var(--text-sm); }
.bc-account-updates li p { margin: 0; }
.bc-account-updates .bc-account-updates-date { font-size: var(--text-xs); color: var(--color-muted); margin-bottom: var(--space-1); }
.bc-account .woocommerce table.shop_table.order_details { border: 0; border-radius: 0; border-collapse: collapse; }
.bc-account .woocommerce table.shop_table.order_details th, .bc-account .woocommerce table.shop_table.order_details td { border: 0; border-bottom: var(--line); padding: var(--space-4) var(--space-3); background: none; }
.bc-account .woocommerce table.shop_table.order_details tfoot td, .bc-account .woocommerce table.shop_table.order_details tbody td { font-weight: var(--weight-regular); }
.bc-account .woocommerce table.shop_table.order_details tr:has(> .order-actions--heading) { display: none; }
/* Track order result (woocommerce/order/tracking.php): the account card on the information page. */
.bc-account-track { max-width: var(--measure); margin-block: var(--space-6); }
@media (max-width: 1100px) {
	.bc-account .woocommerce-MyAccount-navigation { width: 25%; }
	.bc-account .woocommerce-MyAccount-content { width: 70%; }
	.bc-account-order-head { flex-wrap: wrap; }
}
@media (max-width: 760px) {
	.bc-account-hero { padding-block: var(--space-6); }
	.bc-account-hero h1 { font-size: var(--banner-display-phone); }
	.bc-account-body { padding-top: var(--space-5); }
	.bc-account .woocommerce-MyAccount-navigation, .bc-account .woocommerce-MyAccount-content { float: none; width: 100%; }
	.bc-account-person, .bc-account-help { display: none; }
	.bc-account-nav ul { display: flex; overflow-x: auto; gap: var(--space-2); padding-bottom: var(--space-2) !important; }
	.bc-account-nav li { flex-shrink: 0; }
	.woocommerce-account .bc-account-nav li a { padding: var(--space-3); white-space: nowrap; }
	.bc-account-nav .icon { display: none; }
	.bc-account-heading { margin: var(--space-4) 0 var(--space-5); }
	.bc-account-shortcuts { gap: var(--space-4); }
	.bc-account-order-head, .bc-account-order-items, .bc-account-order > .bc-tracking, .bc-account-order-actions { padding-inline: var(--space-4); }
	.bc-timeline { grid-template-columns: 1fr; gap: 0; }
	.bc-timeline-step { padding: 0 0 var(--space-5) var(--space-7); min-height: var(--space-8); }
	.bc-timeline-step:last-child { padding-bottom: 0; min-height: var(--space-6); }
	.bc-timeline-dot { position: absolute; left: 0; top: 0; margin: 0; }
	.bc-timeline-step::before { left: var(--space-4); top: var(--space-4); width: var(--rule-weight); height: 100%; }
	.bc-timeline-step > strong { padding-top: var(--space-1); margin-bottom: var(--space-1); }
	.bc-timeline-detail { max-width: none; }
	.bc-tracking-ref { display: block; margin: var(--space-1) 0 0; }
	.bc-account .woocommerce-MyAccount-content .shop_table { display: block; overflow-x: auto; }
	.bc-account .woocommerce-columns--addresses .woocommerce-column + .woocommerce-column { margin-top: var(--space-6); }
}
@media (max-width: 480px) {
	.bc-account-shortcuts { grid-template-columns: 1fr; }
	.bc-account-section-head { align-items: baseline; }
	.bc-account-section-head h3 { font-size: var(--text-base); }
	.bc-account-section-head .text-link { white-space: nowrap; }
}