/* Presentation only: WooCommerce owns account forms, endpoints and validation. */
body.woocommerce-account {
	--skki-account-surface: color-mix(in srgb, var(--wp--preset--color--snow) 6%, var(--wp--preset--color--night));
	--skki-account-border: color-mix(in srgb, var(--wp--preset--color--snow) 20%, transparent);
	background: var(--wp--preset--color--night);
	color: var(--wp--preset--color--snow);
	color-scheme: dark;
}
body.woocommerce-account main.wp-block-group { background: var(--wp--preset--color--night); min-height: 65vh; }
body.woocommerce-account main.wp-block-group > .wp-block-post-title {
	color: var(--wp--preset--color--snow);
	font-size: clamp(2.5rem, 5.5vw, 5rem);
	line-height: .95;
	letter-spacing: -.025em;
	text-transform: uppercase;
}
body.woocommerce-account .woocommerce { color: var(--wp--preset--color--snow); }
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3 { color: var(--wp--preset--color--snow); }
body.woocommerce-account .woocommerce > h2 { font-size: var(--wp--preset--font-size--heading); }
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account #customer_login > :is(.u-column1, .u-column2),
body.woocommerce-account > .wp-site-blocks :is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword),
body.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--skki-account-surface);
	border: 1px solid var(--skki-account-border);
	border-radius: 0;
}
body.woocommerce-account .woocommerce-MyAccount-content { padding: clamp(1.25rem, 3vw, 2.5rem); }
body.woocommerce-account #customer_login :is(.woocommerce-form-login, .woocommerce-form-register) { background: transparent; border: 0; }
body.woocommerce-account .woocommerce-MyAccount-navigation a { border-radius: 0; color: var(--wp--preset--color--snow); line-height: 1.25; }
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation a:focus-visible { background: color-mix(in srgb, var(--wp--preset--color--snow) 10%, transparent); color: var(--wp--preset--color--lime); }
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a[aria-current="page"] { background: var(--wp--preset--color--lime); color: var(--wp--preset--color--night); }
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button),
body.woocommerce-account .lost_password a,
body.woocommerce-account .woocommerce-privacy-policy-text a { color: var(--wp--preset--color--lime); }
body.woocommerce-account :is(.input-text, select, .select2-container .select2-selection--single) {
	background: var(--wp--preset--color--night);
	color: var(--wp--preset--color--snow);
	border-color: var(--skki-account-border);
	border-radius: .25rem;
	font-size: max(1rem, var(--wp--preset--font-size--skki-body));
}
body.woocommerce-account .input-text::placeholder { color: color-mix(in srgb, var(--wp--preset--color--snow) 65%, transparent); opacity: 1; }
body.woocommerce-account :is(.input-text, select):focus,
body.woocommerce-account .select2-container--focus .select2-selection--single { border-color: var(--wp--preset--color--lime); box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--lime) 20%, transparent); }
body.woocommerce-account :is(a, button, input[type="checkbox"]):focus-visible { outline: 2px solid var(--wp--preset--color--lime); outline-offset: 4px; }
body.woocommerce-account .show-password-input { color: var(--wp--preset--color--snow); }
/* WooCommerce embeds a dark fill in both native eye SVGs. */
body.woocommerce-account .show-password-input::before { filter: invert(1); }
body.woocommerce-account .password-input .input-text { padding-right: 3.25rem; }
body.woocommerce-account input[type="checkbox"] { accent-color: var(--wp--preset--color--lime); }
body.woocommerce-account :is(.button, button.button, input.button) {
	min-height: 3.375rem;
	padding: .9rem 1.5rem;
	border: 0;
	border-radius: 0;
	clip-path: polygon(12% 0, 100% 0, 100% 66%, 88% 100%, 0 100%, 0 34%);
	background: var(--wp--preset--color--lime);
	color: var(--wp--preset--color--night);
	gap: .5rem;
	transition: background-color 180ms ease;
}
body.woocommerce-account :is(a.button, button.button)::after {
	content: ""; flex: 0 0 16px; width: 16px; height: 12px; background: currentColor;
	mask: url("../images/ui/cta-arrows.svg") center / contain no-repeat;
	-webkit-mask: url("../images/ui/cta-arrows.svg") center / contain no-repeat;
}
body.woocommerce-account :is(.button, button.button, input.button):hover { background: var(--wp--preset--color--lime-dark); color: var(--wp--preset--color--night); }
body.woocommerce-account :is(.button, button.button, input.button):disabled { opacity: .55; cursor: not-allowed; }
body.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
body.woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit { float: none; margin: 0; }
body.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox { margin: 0; }
body.woocommerce-account :is(fieldset, .woocommerce-Addresses > .u-column1, .woocommerce-Addresses > .u-column2,
	.woocommerce-MyAccount-content .shop_table th, .woocommerce-MyAccount-content .shop_table td) { border-color: var(--skki-account-border); }
body.woocommerce-account .woocommerce-Address-title .edit { border-color: var(--skki-account-border); border-radius: .25rem; white-space: normal; }
body.woocommerce-account :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) { background: var(--skki-account-surface); color: var(--wp--preset--color--snow); }
body.woocommerce-account .woocommerce-error { border-left-color: var(--wp--custom--color--error); }
body.woocommerce-account .woocommerce-error a { color: var(--wp--preset--color--lime); }
body.woocommerce-account .select2-dropdown { background: var(--wp--preset--color--night); color: var(--wp--preset--color--snow); border-color: var(--skki-account-border); }
body.woocommerce-account .select2-search__field { background: var(--skki-account-surface); color: var(--wp--preset--color--snow); }
body.woocommerce-account .select2-results__option--highlighted[aria-selected],
body.woocommerce-account .select2-results__option--highlighted[data-selected] { background: var(--wp--preset--color--lime); color: var(--wp--preset--color--night); }
@media (max-width: 1000px) {
	body.woocommerce-account.logged-in .woocommerce { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
	body.woocommerce-account .woocommerce-MyAccount-navigation,
	body.woocommerce-account .woocommerce-MyAccount-content { grid-column: 1; }
	body.woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	body.woocommerce-account #customer_login,
	body.woocommerce-account .woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }
	body.woocommerce-account .woocommerce-MyAccount-navigation a { padding-inline: .75rem; }
	body.woocommerce-account .woocommerce-MyAccount-content .shop_table_responsive tr:nth-child(2n) td { background: var(--skki-account-surface); }
	body.woocommerce-account .woocommerce-Address-title { flex-wrap: wrap; }
	body.woocommerce-account :is(.woocommerce-message, .woocommerce-info) .button { float: none; margin: .75rem 0 0; }
}
@media (max-width: 359px) {
	body.woocommerce-account .skki-header__logo img { width: 44px !important; }
	body.woocommerce-account .skki-language-dropdown summary { padding-inline: .5rem; gap: .25rem; }
}
@media (prefers-reduced-motion: reduce) { body.woocommerce-account .button { transition: none; } }