/* =========================================================================
   Кабінет «Номер на спині» (вісь account = number; підключається з кабінетом лише для сайту з віссю number):
   «двері» входу світлі — разом із формою одна рамка кольору тексту (огляд K: замість єдиної темної поверхні),
   картки й смуга бонусів — рамка кольору тексту, поточний пункт навігації — тло й риска акценту ліворуч, підказка —
   світла. Макет: design/concept-account-tf.html.
   ====================================================================== */

/* Вхід: світлі «двері» й форма — одна рамка */
.tf-variant-account-number .tf-account-door { background: var(--tf-canvas); color: var(--tf-text); border: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }
.tf-variant-account-number :is(.tf-account-door::before, .tf-account-door__pitch) {
	/* tf-native-exception: none — розмітка поля лише для темних «дверей». */
	display: none;
}
.tf-variant-account-number .tf-account-door .tf-eyebrow { color: var(--tf-brand); }
.tf-variant-account-number .tf-account-door h1 { font-size: var(--tf-size-heading); font-weight: var(--tf-weight-heading); line-height: var(--tf-lh-heading); }
.tf-variant-account-number .tf-account-door h1 em { color: inherit; }
.tf-variant-account-number :is(.tf-account-door__lede, .tf-account-door__list li, .tf-account-door__guest) { color: var(--tf-text-muted); }
.tf-variant-account-number :is(.tf-account-door__list b, .tf-account-door__list .tf-icon) { color: var(--tf-text); }
.tf-variant-account-number .tf-account-door__guest { border-block-start-color: var(--tf-border); }
.tf-variant-account-number.woocommerce-account .tf-prose .tf-account-door .tf-text-link { color: var(--tf-brand); }
.tf-variant-account-number .tf-account-door a:focus-visible { outline-color: var(--tf-focus); }
.tf-variant-account-number.woocommerce-account:not(.logged-in) :is(.woocommerce, .u-column1, .u-column2) > h2 { border: var(--tf-bw-control) solid var(--tf-text); border-block-end: 0; border-radius: 0; font-size: var(--tf-size-heading-medium); }
.tf-variant-account-number.woocommerce-account :is(form.woocommerce-form-login, form.woocommerce-form-register, form.woocommerce-ResetPassword) { border: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }
.tf-variant-account-number.woocommerce-account :is(.woocommerce, .u-column1, .u-column2) > h2 + :is(form.woocommerce-form-login, form.woocommerce-form-register) { border-block-start: 0; }
@media (min-width: 64rem) {
	.tf-variant-account-number.woocommerce-account:not(.logged-in) .woocommerce:has(.tf-account-door) { column-gap: 0; align-items: stretch; }
	.tf-variant-account-number.woocommerce-account:not(.logged-in) .woocommerce:has(.tf-account-door) > :is(h2, form) { border-inline-start: 0; }
}

/* Кабінет: навігація, картки, смуга бонусів, підказка */
.tf-variant-account-number.woocommerce-account .woocommerce-MyAccount-navigation a { border-radius: 0; }
.tf-variant-account-number.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--tf-surface-subtle); color: var(--tf-text); box-shadow: inset 3px 0 0 var(--tf-accent); }
.tf-variant-account-number :is(.tf-account-tile, .tf-bonus-strip) { border: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }
.tf-variant-account-number .tf-account-tile--empty { border-style: dashed; }
.tf-variant-account-number .tf-account-empty { border-color: var(--tf-text); border-radius: 0; }
.tf-variant-account-number .tf-account-help { background: var(--tf-canvas); color: var(--tf-text); border: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }
.tf-variant-account-number .tf-account-help p { color: var(--tf-text-muted); }
.tf-variant-account-number .tf-account-help .tf-text-link { color: var(--tf-brand); }
.tf-variant-account-number .tf-account-help a:focus-visible { outline-color: var(--tf-focus); }
.tf-variant-account-number .tf-order-status { border-color: currentColor; border-radius: var(--tf-radius-pill); }

@media (max-width: 47.99rem) {
	.tf-variant-account-number.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { box-shadow: none; border-color: var(--tf-text); }
}

/* «Увійти» й «Створити акаунт» — кнопка акценту (у спільних стилях кабінету правило кнопок WooCommerce важить більше). */
.tf-variant-account-number.woocommerce-account :is(button.woocommerce-form-login__submit, button.woocommerce-form-register__submit) { background: var(--tf-accent); border-color: var(--tf-accent); color: var(--tf-on-accent); }
.tf-variant-account-number.woocommerce-account :is(button.woocommerce-form-login__submit, button.woocommerce-form-register__submit):hover { background: var(--tf-accent-hover); border-color: var(--tf-accent-hover); }