/*
 * Account look: WooCommerce's account pages (body.sh-acct--wc) and Sneaky Credits (body.sh-acct--credits).
 * docs/SNEAKY-ACCOUNT-LOOK.md. Tokens come from account.css (--ya-*). The few !important declarations answer existing
 * !important rules (inc/my-credits.php prints WooCommerce-wide button, field and card rules with !important; style.css
 * does the same for account buttons); each is scoped to these two page types.
 */

/* ================================================================== WooCommerce: masthead */
body.sh-acct--wc .ya-wc-mast { box-sizing: content-box; max-width: 1180px; margin: clamp(14px, 2.4vw, 26px) auto 0; padding: 0 clamp(16px, 4vw, 48px); }
body.sh-acct--wc .ya-wc-mast .sl-mast { border: 1px solid #d5e8f2; border-radius: 30px; }
body.sh-acct--wc .ya-wc-mast .sl-mast-bg { background: radial-gradient(46% 70% at 88% 18%, rgba(110, 196, 232, .28), rgba(110, 196, 232, 0) 70%), radial-gradient(30% 50% at 100% 100%, rgba(236, 106, 152, .12), rgba(236, 106, 152, 0) 70%), linear-gradient(180deg, #f7fcfe 0%, #e7f4fa 100%); }
body.sh-acct--wc .ya-wc-mast .sl-mast-inner { width: auto; padding: clamp(22px, 3.4vw, 40px) clamp(20px, 3.6vw, 48px) clamp(30px, 4vw, 52px); }
body.sh-acct--wc .ya-wc-mast .sl-eyebrow { color: var(--ya-sky-deep); }
body.sh-acct--wc .ya-wc-mast .sl-h1 { font-size: clamp(2rem, 1.1rem + 2.8vw, 3.2rem); }
body.sh-acct--wc .ya-wc-mast .sl-crumbs a { min-height: 36px; }
/* signed in: a compact page header under the Your Space bar, not a second hero (17 Oct 2026, Account simplification) */
body.sh-acct--wc.sh-acct-has-bar .ya-wc-mast .sl-mast-inner { padding: clamp(18px, 2.4vw, 28px) clamp(20px, 3.4vw, 40px) clamp(24px, 3vw, 34px); }
body.sh-acct--wc.sh-acct-has-bar .ya-wc-mast .sl-mast-copy { gap: 10px; max-width: 760px; }
body.sh-acct--wc.sh-acct-has-bar .ya-wc-mast .sl-h1 { font-size: clamp(1.8rem, 1.2rem + 1.6vw, 2.5rem); }
body.sh-acct--wc.sh-acct-has-bar .ya-wc-mast .sl-lead { font-size: 16.5px; }
body.sh-acct--wc.woocommerce-account .woocommerce { margin-top: clamp(18px, 2.4vw, 28px); }

/* ================================================================== WooCommerce: layout and settings menu */
body.sh-acct--wc.woocommerce-account .woocommerce { grid-template-columns: minmax(220px, 290px) minmax(0, 1fr); gap: clamp(18px, 2.4vw, 28px); align-items: start; color: var(--ya-ink); font-family: var(--ya-text); }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation { position: sticky; top: 96px; padding: 10px; border: 1px solid var(--ya-line-soft) !important; border-radius: 24px !important; background: #fff; box-shadow: var(--ya-shadow); }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation ul { gap: 2px; padding: 0; }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation a,
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation a:is(:hover, :focus, :visited) {
	gap: 12px; min-height: 48px; padding: 0 14px; border-radius: 14px; background: transparent; color: var(--ya-copy);
	font: 650 15px/1.25 var(--ya-text); text-decoration: none; transform: none;
}
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation a::before { content: ""; flex: none; width: 20px; height: 20px; background-color: var(--ya-sky-deep); -webkit-mask: var(--ya-ico) center / 20px 20px no-repeat; mask: var(--ya-ico) center / 20px 20px no-repeat; }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation a:hover { background: var(--ya-sky-soft); color: var(--ya-ink); }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:is(:hover, :focus) { background: var(--ya-ink); color: #fff; font-weight: 750; }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before { background-color: #8fd3ef; }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation-link--ya-credits a::before { background-color: #b8740a; }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--ya-line-soft); }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation a:focus-visible { outline: 2px solid #122c3a !important; outline-offset: 2px !important; box-shadow: 0 0 0 5px #fff !important; }
body.sh-acct--wc .woocommerce-MyAccount-navigation-link--dashboard { --ya-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.2 12 4.6l8 6.6'/%3E%3Cpath d='M6.5 9.5v9.25c0 .97.78 1.75 1.75 1.75h2.5v-5h2.5v5h2.5c.97 0 1.75-.78 1.75-1.75V9.5'/%3E%3C/svg%3E"); }
body.sh-acct--wc .woocommerce-MyAccount-navigation-link--ya-profile { --ya-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h8.5M17.5 7.5H20M4 16.5h2.5M11.5 16.5H20'/%3E%3Ccircle cx='15' cy='7.5' r='2.5'/%3E%3Ccircle cx='9' cy='16.5' r='2.5'/%3E%3C/svg%3E"); }
body.sh-acct--wc .woocommerce-MyAccount-navigation-link--edit-account { --ya-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M5 20c.9-3.9 3.6-6 7-6s6.1 2.1 7 6'/%3E%3C/svg%3E"); }
body.sh-acct--wc .woocommerce-MyAccount-navigation-link--orders { --ya-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12v17l-2.4-1.6-2.4 1.6-2.4-1.6-2.4 1.6L6 20.5z'/%3E%3Cpath d='M9 8.5h6M9 12h6M9 15.5h3.5'/%3E%3C/svg%3E"); }
body.sh-acct--wc .woocommerce-MyAccount-navigation-link--edit-address { --ya-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.75s-6.25-5.4-6.25-10.5a6.25 6.25 0 0 1 12.5 0c0 5.1-6.25 10.5-6.25 10.5z'/%3E%3Ccircle cx='12' cy='10.25' r='2.25'/%3E%3C/svg%3E"); }
body.sh-acct--wc .woocommerce-MyAccount-navigation-link--payment-methods { --ya-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M7 15h3.5'/%3E%3C/svg%3E"); }
body.sh-acct--wc .woocommerce-MyAccount-navigation-link--downloads { --ya-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7.5 10.5 12 15l4.5-4.5M5 19.5h14'/%3E%3C/svg%3E"); }
body.sh-acct--wc .woocommerce-MyAccount-navigation-link--ya-credits { --ya-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 7.5v9M9.5 9.75c.4-1 1.4-1.5 2.5-1.5 1.5 0 2.5.8 2.5 1.9s-1 1.6-2.5 1.85S9.5 12.7 9.5 13.9s1 1.9 2.5 1.9c1.1 0 2.1-.5 2.5-1.5'/%3E%3C/svg%3E"); }
body.sh-acct--wc .woocommerce-MyAccount-navigation-link--customer-logout { --ya-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 4.5H7.25A1.75 1.75 0 0 0 5.5 6.25v11.5c0 .97.78 1.75 1.75 1.75h6.25'/%3E%3Cpath d='M10.5 12h10M17 8.5l3.5 3.5-3.5 3.5'/%3E%3C/svg%3E"); }
body.sh-acct--wc .woocommerce-MyAccount-navigation li:not([class*="--dashboard"]):not([class*="--ya-"]):not([class*="--edit-"]):not([class*="--orders"]):not([class*="--payment"]):not([class*="--downloads"]):not([class*="--customer-logout"]) a::before { display: none; }

/* ================================================================== WooCommerce: the content card */
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-content { padding: clamp(22px, 3vw, 36px); border: 1px solid var(--ya-line-soft) !important; border-radius: 26px !important; background: #fff; box-shadow: var(--ya-shadow); color: var(--ya-copy); font: 500 16px/1.6 var(--ya-text); }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-content :is(p, address) { color: var(--ya-copy); font-weight: 500; line-height: 1.6; }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-content :is(h2, h3) { margin: 0 0 12px; font: 800 clamp(1.25rem, 1.05rem + .7vw, 1.55rem)/1.15 var(--ya-display); letter-spacing: -.02em; color: var(--ya-ink); }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.ya-row) { color: var(--ya-ink); font-weight: 650; text-decoration: underline; text-decoration-color: var(--ya-sky); text-decoration-thickness: 2px; text-underline-offset: 4px; }
body.sh-acct--wc :is(.woocommerce-MyAccount-content, .ya-wc-other-body, .woocommerce-ResetPassword) :focus-visible { outline: 2px solid #122c3a !important; outline-offset: 3px !important; box-shadow: 0 0 0 5px #fff !important; }

/* buttons: the brand's primary pill (answers inc/my-credits.php and style.css, which set them with !important) */
body.sh-acct--wc .woocommerce :is(button.button, a.button, input.button, .button),
body.sh-acct--wc .woocommerce :is(button.button, a.button, input.button, .button):is(:hover, :focus, :active) {
	min-height: 50px; padding: 0 24px !important; border: 1px solid transparent !important; border-radius: 999px !important;
	background: var(--ya-teal) !important; color: #fff !important; font: 700 16px/1.15 var(--ya-text) !important;
	letter-spacing: 0; text-transform: none; white-space: nowrap; box-shadow: 0 14px 28px -16px rgba(36, 107, 95, .9), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}
body.sh-acct--wc .woocommerce :is(button.button, a.button, input.button, .button):hover { background: var(--ya-teal-deep) !important; }
/* a row of small actions inside a table or an address card reads as ghost buttons */
body.sh-acct--wc .woocommerce :is(.woocommerce-orders-table, .woocommerce-table, .woocommerce-Address-title) .button,
body.sh-acct--wc .woocommerce :is(.woocommerce-orders-table, .woocommerce-table, .woocommerce-Address-title) .button:is(:hover, :focus, :active),
body.sh-acct--wc .woocommerce .woocommerce-Address-title a.edit {
	min-height: 40px; padding: 0 16px !important; border: 1.5px solid var(--ya-line) !important; background: #fff !important; color: var(--ya-ink) !important;
	font: 700 14.5px/1.1 var(--ya-text) !important; box-shadow: none !important;
}
body.sh-acct--wc .woocommerce :is(.woocommerce-orders-table, .woocommerce-table) .button:hover { border-color: var(--ya-teal) !important; background: #fff !important; }

/* fields */
body.sh-acct--wc .woocommerce form .form-row { margin: 0 0 18px; padding: 0; }
body.sh-acct--wc .woocommerce form .form-row label, body.sh-acct--wc .woocommerce form > p > label { display: block; margin: 0 0 7px; font: 700 14.5px/1.3 var(--ya-text); color: var(--ya-ink); }
body.sh-acct--wc .woocommerce form .form-row label .required { color: #b0285a; text-decoration: none; border: 0; }
body.sh-acct--wc .woocommerce :is(input.input-text, textarea, select) {
	box-sizing: border-box; min-height: 48px; padding: 10px 14px !important; border: 1.5px solid var(--ya-line) !important; border-radius: 14px !important;
	background: #fff; color: var(--ya-ink); font: 500 16px/1.4 var(--ya-text); box-shadow: none;
}
body.sh-acct--wc .woocommerce :is(input.input-text, textarea, select):hover { border-color: #9fc6db !important; }
body.sh-acct--wc .woocommerce :is(input.input-text, textarea, select):focus { border-color: var(--ya-teal) !important; outline: none; box-shadow: 0 0 0 4px rgba(36, 107, 95, .14); }
body.sh-acct--wc .woocommerce form .form-row em, body.sh-acct--wc .woocommerce form .form-row #account_display_name_description { display: block; margin-top: 7px; font: 500 14px/1.45 var(--ya-text); font-style: normal; color: var(--ya-muted); }
body.sh-acct--wc .woocommerce .password-input { position: relative; display: block; }
body.sh-acct--wc .woocommerce .password-input input.input-text { padding-right: 48px !important; }
body.sh-acct--wc .woocommerce .show-password-input { top: 50%; right: 8px; width: 36px; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 10px; background-color: transparent; transform: translateY(-50%); }
body.sh-acct--wc .woocommerce .show-password-input:hover { background-color: var(--ya-sky-soft); }
body.sh-acct--wc .woocommerce form fieldset { margin: 26px 0 10px; padding: 18px clamp(16px, 2.4vw, 24px) 4px; border: 1px solid var(--ya-line-soft); border-radius: 20px; background: #f7fbfd; }
body.sh-acct--wc .woocommerce form fieldset legend { margin: 0; padding: 0 8px; font: 700 17px/1.2 var(--ya-display); color: var(--ya-ink); }
body.sh-acct--wc .woocommerce .woocommerce-EditAccountForm > p:last-of-type { margin-top: 22px; }
body.sh-acct--wc .ya-wc-note { display: flex; gap: 10px; align-items: flex-start; margin: 22px 0 0; padding: 14px 16px; border-radius: 16px; background: var(--ya-sky-soft); color: var(--ya-copy); font: 600 15px/1.5 var(--ya-text); }
body.sh-acct--wc .ya-wc-note .ya-i { margin-top: 1px; color: var(--ya-sky-deep); }

/* tables (orders, an order's details) */
body.sh-acct--wc .woocommerce table.shop_table { width: 100%; margin: 0 0 18px; border: 1px solid var(--ya-line-soft) !important; border-radius: 18px !important; border-collapse: separate; border-spacing: 0; overflow: hidden; font: 500 15.5px/1.45 var(--ya-text); }
body.sh-acct--wc .woocommerce table.shop_table th { padding: 12px 16px; border: 0; background: var(--ya-sky-soft); color: var(--ya-ink); font: 800 12.5px/1.3 var(--ya-text); letter-spacing: .08em; text-transform: uppercase; text-align: left; }
body.sh-acct--wc .woocommerce table.shop_table td { padding: 14px 16px; border: 0; border-top: 1px solid var(--ya-line-soft); color: var(--ya-copy); vertical-align: middle; }
body.sh-acct--wc .woocommerce table.shop_table td { font-weight: 500; }
body.sh-acct--wc .woocommerce table.shop_table tbody th { padding: 14px 16px; border-top: 1px solid var(--ya-line-soft); background: none; color: var(--ya-ink); font: 700 15.5px/1.45 var(--ya-text); letter-spacing: 0; text-transform: none; }
body.sh-acct--wc .woocommerce table.shop_table tbody tr:first-child :is(td, th) { border-top: 0; }
body.sh-acct--wc .woocommerce table.shop_table tfoot :is(th, td) { background: #fbfdfe; border-top: 1px solid var(--ya-line-soft); text-transform: none; letter-spacing: 0; font-size: 15px; }
body.sh-acct--wc .woocommerce .woocommerce-Price-amount { color: var(--ya-ink); font-weight: 700; }
body.sh-acct--wc .woocommerce mark { padding: 0 2px; border-radius: 6px; background: var(--ya-sky-soft); color: var(--ya-ink); font-weight: 700; }

/* addresses */
body.sh-acct--wc .woocommerce .woocommerce-Addresses { display: grid; gap: 16px; margin-top: 18px; }
body.sh-acct--wc .woocommerce .woocommerce-Addresses::before, body.sh-acct--wc .woocommerce .woocommerce-Addresses::after { display: none; }
body.sh-acct--wc .woocommerce .woocommerce-Address { float: none; width: auto; max-width: none; padding: 20px; border: 1px solid var(--ya-line-soft); border-radius: 20px; background: #fbfdfe; }
body.sh-acct--wc .woocommerce .woocommerce-Address-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 10px; }
body.sh-acct--wc .woocommerce .woocommerce-Address-title::before, body.sh-acct--wc .woocommerce .woocommerce-Address-title::after { display: none; }
body.sh-acct--wc .woocommerce .woocommerce-Address-title :is(h2, h3) { margin: 0; font-size: 1.2rem; }
body.sh-acct--wc .woocommerce .woocommerce-Address-title a.edit { display: inline-flex; align-items: center; border-radius: 999px; text-decoration: none !important; }
body.sh-acct--wc .woocommerce address { font-style: normal; }

/* notices */
body.sh-acct--wc .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	margin: 0 0 18px; padding: 16px 20px 16px 52px; border: 1px solid var(--ya-line-soft) !important; border-inline-start: 4px solid var(--ya-teal) !important;
	border-radius: 16px; background: #fff; color: var(--ya-ink); font: 600 15.5px/1.5 var(--ya-text); list-style: none;
}
body.sh-acct--wc .woocommerce .woocommerce-error { border-inline-start-color: #b0285a !important; }
body.sh-acct--wc .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before { top: 16px; left: 20px; color: var(--ya-teal); }
body.sh-acct--wc .woocommerce .woocommerce-error::before { color: #b0285a; }
body.sh-acct--wc .woocommerce :is(.woocommerce-message, .woocommerce-info) .button { float: right; min-height: 40px; margin: -6px 0 -6px 12px; }

/* the overview */
body.sh-acct--wc .ya-wc-dash { display: grid; gap: 18px; margin-bottom: 8px; }
body.sh-acct--wc .ya-wc-hello { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin: 0; font: 500 16px/1.5 var(--ya-text); color: var(--ya-copy); }
body.sh-acct--wc .ya-wc-hello strong { font-weight: 750; color: var(--ya-ink); }
body.sh-acct--wc .ya-wc-notyou { font-size: 15px; }
body.sh-acct--wc .ya-wc-notyou a { color: var(--ya-ink); font-weight: 650; text-decoration: underline; text-decoration-color: var(--ya-sky); text-decoration-thickness: 2px; text-underline-offset: 3px; }
body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-content .ya-wc-dash .ya-rows { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1100px) {
	body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-content .ya-wc-dash .ya-rows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ================================================================== WooCommerce: sign in and password reset (one column) */
body.sh-acct--wc.ya-wc-solo .ya-wc-mast { max-width: 860px; }
body.sh-acct--wc.ya-wc-solo.woocommerce-account .woocommerce { display: block; max-width: 860px; }
body.sh-acct--wc.ya-wc-solo .ya-wc-mast .sl-mast-inner { padding-bottom: clamp(26px, 3.4vw, 40px); }
body.sh-acct--wc .ya-wc-guest .sl-gate { max-width: none; }
body.sh-acct--wc .ya-wc-other { margin-top: 16px; }
body.sh-acct--wc .ya-wc-other > summary { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 6px; list-style: none; cursor: pointer; border-radius: 12px; font: 650 16px/1.2 var(--ya-text); color: var(--ya-ink); text-decoration: underline; text-decoration-color: var(--ya-sky); text-decoration-thickness: 2px; text-underline-offset: 5px; }
body.sh-acct--wc .ya-wc-other > summary::-webkit-details-marker { display: none; }
body.sh-acct--wc .ya-wc-other > summary .ya-i { color: var(--ya-sky-deep); }
body.sh-acct--wc .ya-wc-other > summary .ya-wc-other-i { width: 16px; height: 16px; transform: rotate(90deg); }
body.sh-acct--wc .ya-wc-other[open] > summary .ya-wc-other-i { transform: rotate(-90deg); }
body.sh-acct--wc .ya-wc-other > summary:focus-visible { outline: 2px solid #122c3a; outline-offset: 3px; }
body.sh-acct--wc .ya-wc-other-body { margin-top: 10px; padding: clamp(20px, 3vw, 30px); border: 1px solid var(--ya-line-soft); border-radius: 24px; background: #fff; box-shadow: var(--ya-shadow); }
body.sh-acct--wc .ya-wc-other-body > h2 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.sh-acct--wc .woocommerce :is(.ya-wc-other-body .woocommerce-form-login, form.woocommerce-ResetPassword, form.lost_reset_password) { width: auto; margin: 0; padding: 0; border: 0 !important; background: none; box-shadow: none; }
body.sh-acct--wc.ya-wc-solo .woocommerce :is(form.woocommerce-ResetPassword, form.lost_reset_password) { padding: clamp(20px, 3vw, 30px); border: 1px solid var(--ya-line-soft) !important; border-radius: 24px !important; background: #fff; box-shadow: var(--ya-shadow); }
body.sh-acct--wc .woocommerce .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
body.sh-acct--wc .woocommerce .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; margin: 0; font: 600 15px/1.3 var(--ya-text); color: var(--ya-copy); }
body.sh-acct--wc .woocommerce .woocommerce-form-login__rememberme input { width: 18px; height: 18px; accent-color: var(--ya-teal); }
body.sh-acct--wc .woocommerce .lost_password { margin: 6px 0 0; }
body.sh-acct--wc .woocommerce .lost_password a { color: var(--ya-ink); font-weight: 650; text-decoration-color: var(--ya-sky); text-decoration-thickness: 2px; text-underline-offset: 4px; }
body.sh-acct--wc.ya-wc-solo .woocommerce > p, body.sh-acct--wc.ya-wc-solo .woocommerce form > p:first-child { color: var(--ya-copy); font: 500 16px/1.6 var(--ya-text); }

/* ================================================================== WooCommerce: phones and tablets */
@media (max-width: 899px) {
	body.sh-acct--wc.woocommerce-account .woocommerce { grid-template-columns: minmax(0, 1fr); }
	body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation { position: static; padding: 6px; border-radius: 20px !important; }
	/* every settings page in view at once (17 Oct 2026: no sideways strip): two columns that wrap, the open page marked */
	body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
	body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation li { min-width: 0; }
	body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation a, body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation a:is(:hover, :focus, :visited) { min-height: 46px; padding-block: 8px; font-size: 14.5px; line-height: 1.2; }
	body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { margin: 0; padding: 0; border: 0; }
}
@media (max-width: 479px) {
	body.sh-acct--wc .woocommerce form .form-row-first, body.sh-acct--wc .woocommerce form .form-row-last { float: none; width: 100%; }
	body.sh-acct--wc .woocommerce .woocommerce-EditAccountForm button.button, body.sh-acct--wc .woocommerce .woocommerce-ResetPassword button.button { width: 100%; }
}

/* ================================================================== Sneaky Credits (/my-credits/) */
body.sh-acct--credits .rmc-page { max-width: 1180px; padding: clamp(14px, 2.4vw, 26px) clamp(16px, 4vw, 48px) 64px; color: var(--ya-ink); font-family: var(--ya-text); }
body.sh-acct--credits .rmc-hero { position: relative; overflow: hidden; gap: clamp(20px, 3vw, 40px); margin-bottom: clamp(18px, 2.4vw, 26px); padding: clamp(24px, 4vw, 52px); border: 1px solid #d5e8f2; border-radius: 30px; box-shadow: none;
	background: radial-gradient(46% 70% at 88% 18%, rgba(110, 196, 232, .28), rgba(110, 196, 232, 0) 70%), radial-gradient(30% 50% at 100% 100%, rgba(236, 106, 152, .12), rgba(236, 106, 152, 0) 70%), linear-gradient(180deg, #f7fcfe 0%, #e7f4fa 100%); }
body.sh-acct--credits .rmc-page .rmc-kicker { display: inline-flex; padding: 0; border-radius: 0; background: none; color: var(--ya-sky-deep); font: 800 13px/1.2 var(--ya-text); letter-spacing: .14em; text-transform: uppercase; }
body.sh-acct--credits .rmc-hero .rmc-kicker { color: var(--ya-learn-ink); }
body.sh-acct--credits .rmc-hero h1 { margin: 14px 0 0; font: 800 clamp(2.1rem, 1.1rem + 3vw, 3.4rem)/1 var(--ya-display); letter-spacing: -.035em; color: var(--ya-ink); text-wrap: balance; }
body.sh-acct--credits .rmc-hero p { max-width: 60ch; margin: 14px 0 0; font: 500 clamp(1.02rem, .98rem + .3vw, 1.15rem)/1.58 var(--ya-text); color: var(--ya-copy); }
body.sh-acct--credits .rmc-balance-card { gap: 8px; padding: 24px 26px; border-radius: 24px; background: #0f2230; box-shadow: 0 30px 60px -36px rgba(18, 44, 58, .75); }
body.sh-acct--credits .rmc-balance-card span { color: #8fd3ef; font: 800 12.5px/1.2 var(--ya-text); letter-spacing: .12em; text-transform: uppercase; }
body.sh-acct--credits .rmc-balance-card strong { color: #f2f8fb; font: 800 clamp(44px, 5vw, 60px)/1 var(--ya-display); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
body.sh-acct--credits .rmc-balance-card em { color: #c3d4dd; font: 600 15px/1.4 var(--ya-text); }
body.sh-acct--credits .rmc-stat-grid { gap: 14px; margin-bottom: clamp(18px, 2.4vw, 26px); padding: 0; border: 0; background: none; box-shadow: none; }
body.sh-acct--credits .rmc-stat-grid div { padding: 18px 20px; border: 1px solid var(--ya-line-soft); border-radius: 20px; background: #fff; text-align: left; box-shadow: var(--ya-shadow); }
body.sh-acct--credits .rmc-stat-grid span { color: var(--ya-muted); font: 800 12px/1.3 var(--ya-text); letter-spacing: .1em; }
body.sh-acct--credits .rmc-stat-grid strong { margin-top: 8px; color: var(--ya-ink); font: 800 30px/1 var(--ya-display); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
body.sh-acct--credits .rmc-stat-grid .rmc-stat-word { font-size: 24px; }
body.sh-acct--credits .rmc-stat-grid small { color: var(--ya-muted); font-size: 13px; font-weight: 600; }
body.sh-acct--credits .rmc-layout { gap: clamp(18px, 2.4vw, 26px); }
body.sh-acct--credits .rmc-main, body.sh-acct--credits .rmc-side { gap: clamp(18px, 2.4vw, 26px); }
body.sh-acct--credits .rmc-panel { gap: 18px; padding: clamp(20px, 3vw, 30px); border: 1px solid var(--ya-line-soft); border-radius: 26px; box-shadow: var(--ya-shadow); }
body.sh-acct--credits .rmc-section-head h2 { margin: 10px 0 0; font: 800 clamp(1.35rem, 1.1rem + .8vw, 1.75rem)/1.12 var(--ya-display); letter-spacing: -.025em; color: var(--ya-ink); }
body.sh-acct--credits :is(.rmc-section-head p, .rmc-empty) { font: 500 15.5px/1.55 var(--ya-text); color: var(--ya-copy); }
body.sh-acct--credits .rmc-product-grid { gap: 16px; }
body.sh-acct--credits .rmc-product-card { gap: 10px; padding: 22px; border-color: var(--ya-line-soft); border-radius: 22px; background: #fbfdfe; }
body.sh-acct--credits .rmc-product-card-featured { border-color: #e9c48f; background: #fffaf2; box-shadow: 0 24px 44px -34px rgba(184, 116, 10, .55); }
body.sh-acct--credits .rmc-product-kicker { font: 800 12px/1.2 var(--ya-text); letter-spacing: .12em; color: var(--ya-teal); }
body.sh-acct--credits .rmc-product-card-featured .rmc-product-kicker { color: var(--ya-learn-ink); }
body.sh-acct--credits .rmc-product-card h3 { font: 700 18px/1.25 var(--ya-display); letter-spacing: -.01em; color: var(--ya-ink); }
body.sh-acct--credits .rmc-product-card strong { font: 800 26px/1.1 var(--ya-display); letter-spacing: -.02em; color: var(--ya-teal); }
body.sh-acct--credits .rmc-estimates { gap: 7px; font: 600 14.5px/1.4 var(--ya-text); color: var(--ya-copy); }
body.sh-acct--credits .rmc-estimates li::before { font-weight: 800; }
body.sh-acct--credits .rmc-product-price { margin-top: 2px; font: 800 22px/1.1 var(--ya-display); color: var(--ya-ink); }
body.sh-acct--credits .rmc-product-price .woocommerce-Price-amount { color: var(--ya-ink); }
body.sh-acct--credits .rmc-page .rmc-button, body.sh-acct--credits .rmc-page .rmc-button:is(:hover, :focus, :active) {
	min-height: 50px; padding: 0 24px !important; font: 700 16px/1.15 var(--ya-text) !important; letter-spacing: 0;
	box-shadow: 0 14px 28px -16px rgba(36, 107, 95, .9), inset 0 1px 0 rgba(255, 255, 255, .18);
}
body.sh-acct--credits .rmc-why-list li { position: relative; padding: 12px 14px 12px 42px; border: 0; border-radius: 16px; background: var(--ya-sky-soft); color: var(--ya-copy); font: 600 15px/1.5 var(--ya-text); }
body.sh-acct--credits .rmc-why-list li::before { content: ""; position: absolute; left: 14px; top: 14px; width: 18px; height: 18px; background-color: var(--ya-teal); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }
body.sh-acct--credits .rmc-activity-list li { border-bottom-color: var(--ya-line-soft); }
body.sh-acct--credits .rmc-activity-list :is(em, small) { color: var(--ya-muted); font-weight: 600; font-size: 13px; }
body.sh-acct--credits .rmc-donation-panel { border-color: #ecd3ad; background: #fffaf2; }
body.sh-acct--credits .rmc-donation-panel .rdn-card { border-radius: 20px; }
body.sh-acct--credits .rmc-plan-panel { border-color: #c9e3d8; }
/* visitors: one calm invitation, the button at its own width */
body.sh-acct--credits .rmc-login .rmc-hero { grid-template-columns: minmax(0, 1fr); justify-items: start; }
body.sh-acct--credits .rmc-login .rmc-button { width: auto; margin-top: 8px; }
body.sh-acct--credits .rmc-page :focus-visible { outline: 2px solid #122c3a !important; outline-offset: 3px !important; box-shadow: 0 0 0 5px #fff !important; }

@media (prefers-reduced-motion: no-preference) {
	body.sh-acct--wc.woocommerce-account .woocommerce-MyAccount-navigation a { transition: background-color .18s var(--ya-ease), color .18s var(--ya-ease); }
	body.sh-acct--wc .ya-wc-other > summary .ya-wc-other-i { transition: transform .25s var(--ya-ease); }
}

/* Signed in, Sneaky Credits' header comes down to the size of every account page's header (owner brief 18 Oct 2026). */
body.sh-acct--credits.sh-acct-has-bar .rmc-hero { gap: clamp(16px, 2.4vw, 28px); padding: clamp(20px, 2.8vw, 32px) clamp(20px, 3.2vw, 36px); border-radius: 24px; }
body.sh-acct--credits.sh-acct-has-bar .rmc-hero h1 { margin-top: 10px; font-size: clamp(1.85rem, 1.25rem + 1.6vw, 2.5rem); line-height: 1.06; }
body.sh-acct--credits.sh-acct-has-bar .rmc-hero p { margin-top: 10px; font-size: 16px; }