/*
HealThyRam site skin — stage 1 (account, login, register, OTP, cart, checkout family) + stage 2 (global chrome:
type scale, buttons, inputs, header, product controls, footer). Wellness 2.7.11, 16 Oct 2026.
Every value comes from the design tokens (ht-tokens.css). Loaded site-wide after the theme, behind the
Settings → HealThyRam → "Design skin" switch, so it can be turned off in one click.
Lab-test pages keep healthyram-thyrocare's own chrome (rc.10.45–53); this file only aligns the shared parts.
*/
/* ───────────── Stage 2: base type ───────────── */
body { font-size: 15px; line-height: 1.6; color: var(--ht-ink); -webkit-font-smoothing: antialiased; }
.site-content h1, .site-content h2, .site-content h3, .site-content h4 { color: var(--ht-ink); letter-spacing: var(--text-heading-tracking, -0.2px); line-height: var(--text-heading-leading, 1.3); }
.site-content a { transition: color var(--duration-fast, .16s) var(--ease-default, ease); }
/* ───────────── Stage 2: header ───────────── */
.header-main { box-shadow: 0 1px 0 var(--ht-line); }
.main-menu > li > a, .primary-menu > li > a, .header-bar .menu > li > a, .mf-header-menu > li > a { font-size: 15px; font-weight: 500; color: var(--ht-ink); }
.main-menu > li > a:hover, .primary-menu > li > a:hover { color: var(--ht-green-dark); }
/* header search: left to the theme (its flex layout wraps when the field height/width are forced) */
.header-bar.topbar, .topbar { font-size: 15px; }
.extra-menu-item .login-text, .extra-menu-item .item-register { font-size: 14px; font-weight: 600; color: var(--ht-ink); }
/* ───────────── Stage 1: page header band (breadcrumb + title in one calm block) ───────────── */
.page-breadcrumbs { background: var(--ht-white) !important; }
.page-breadcrumbs .breadcrumbs { font-size: 13px; padding: 14px 0 0; color: var(--ht-muted); }
.page-breadcrumbs .breadcrumbs a { color: var(--ht-muted); }
.page-breadcrumbs .breadcrumbs a:hover { color: var(--ht-green-dark); }
.page-header.page-header-page .entry-title, h1.entry-title { background: var(--ht-white) !important; font-size: var(--text-h1-size, 26px); font-weight: 600; margin: 0; padding: 8px 0 22px; line-height: 1.3; }
#content.site-content { background: var(--ht-white) !important; padding-top: 32px; }
@media (max-width: 767px) {
.page-header.page-header-page .entry-title, h1.entry-title { font-size: 22px; padding: 6px 0 16px; }
#content.site-content { padding-top: 24px; }
}
/* ───────────── Stage 1: login / register card ─────────────
Pattern: one card, title inside, a segmented control for Log in / Register (no underlines anywhere on the site),
ONE primary action (Continue with WhatsApp), the password form as the secondary path, visible labels, 8-px rhythm. */
.woocommerce-account:not(.logged-in) .page-header.page-header-page .entry-title { display: none; }
.woocommerce-account:not(.logged-in) #content.site-content { padding-top: 28px; }
.martfury-login-tabs { max-width: 440px; margin: 0 auto; }
.martfury-login-tabs .tabs-nav { display: inline-flex !important; width: 100%; margin: 0 0 20px; padding: 4px; list-style: none; background: var(--ht-green-soft); border-radius: var(--radius-default); border: 0 !important; }
.martfury-login-tabs .tabs-nav li { flex: 1 1 50%; margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: center; }
.martfury-login-tabs .tabs-nav li a { display: block; padding: 10px 14px !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; color: var(--ht-muted) !important; border: 0 !important; border-radius: var(--radius-sm); text-decoration: none !important; transition: background var(--duration-fast, .16s), color var(--duration-fast, .16s); }
.martfury-login-tabs .tabs-nav li a::after, .martfury-login-tabs .tabs-nav li::after { display: none !important; }
.martfury-login-tabs .tabs-nav li a:hover { color: var(--ht-ink) !important; }
.martfury-login-tabs .tabs-nav li.active a { background: var(--ht-white); color: var(--ht-ink) !important; box-shadow: var(--shadow-card); }
.martfury-login-tabs .tabs-panel { display: flex; flex-direction: column; background: var(--ht-white); border: 1px solid var(--ht-line); border-radius: var(--radius-default); box-shadow: var(--shadow-card); padding: 28px 28px 24px !important; }
.martfury-login-tabs .tabs-panel > h2 { font-size: 20px; font-weight: 600; margin: 0 0 16px; color: var(--ht-ink); }
.martfury-login-tabs .tabs-panel.active:has(.ht-otp) > h2 { display: none; } /* the OTP block carries the card title */
.martfury-login-tabs .ht-otp { order: -1; }
.martfury-login-tabs .tabs-panel p { margin: 0 0 14px; }
.martfury-login-tabs label, .martfury-login-tabs .ht-field-label { display: block; font-size: 14px; font-weight: 500; color: var(--ht-ink); margin: 0 0 6px; }
.martfury-login-tabs .woocommerce-form-row__remember { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 2px 0 16px; }
.martfury-login-tabs .woocommerce-form__label-for-checkbox { display: inline-flex !important; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 400; white-space: nowrap; cursor: pointer; }
.martfury-login-tabs .woocommerce-form__label-for-checkbox input { margin: 0; width: 16px; height: 16px; accent-color: var(--ht-green); }
.martfury-login-tabs .lost-password, .martfury-login-tabs .lost_password a { font-size: 14px !important; font-weight: 500; color: var(--ht-green-dark); text-decoration: none; }
.martfury-login-tabs .lost-password:hover { text-decoration: underline; }
.martfury-login-tabs .lost-password { white-space: nowrap; }
@media (max-width: 359px) { .martfury-login-tabs .woocommerce-form-row__remember { flex-wrap: wrap; } }
.woocommerce .password-input, .martfury-login-tabs .password-input, .woocommerce-account .woocommerce .woocommerce-MyAccount-content .password-input { display: block; position: relative; }
.woocommerce .password-input .show-password-input, .woocommerce .customer-login .password-input .show-password-input, .martfury-login-tabs .password-input .show-password-input,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .password-input .show-password-input {
position: absolute !important; top: 50% !important; right: 12px !important; bottom: auto !important; transform: translateY(-50%) !important;
margin: 0 !important; padding: 0 !important; width: 28px !important; height: 28px !important; line-height: 1 !important;
display: flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; background: transparent !important;
color: var(--ht-muted); opacity: .7; cursor: pointer; border-radius: var(--radius-sm); transition: opacity var(--duration-fast, .16s), background var(--duration-fast, .16s);
}
.woocommerce .password-input .show-password-input::before, .martfury-login-tabs .password-input .show-password-input::before { font-size: 16px !important; line-height: 1 !important; }
.woocommerce .password-input .show-password-input:hover, .martfury-login-tabs .password-input .show-password-input:hover { opacity: 1; background: var(--ht-green-soft) !important; }
.woocommerce .password-input input, .martfury-login-tabs .password-input input { padding-right: 48px !important; }
.martfury-login-tabs .woocommerce-privacy-policy-text { font-size: 13px; color: var(--ht-muted); }
/* the password submit is the secondary path when WhatsApp is on; it stays primary when the OTP block is absent */
.martfury-login-tabs .tabs-panel:has(.ht-otp) .woocommerce-form-login button[type="submit"] { background: var(--ht-white) !important; color: var(--ht-green-dark) !important; border: 1.5px solid var(--ht-green) !important; width: 100%; }
.martfury-login-tabs .tabs-panel:has(.ht-otp) .woocommerce-form-login button[type="submit"]:hover { background: var(--ht-green-soft) !important; box-shadow: none; }
@media (max-width: 767px) {
.martfury-login-tabs .tabs-panel { padding: 20px 18px 18px !important; }
}
/* ───────────── Stage 1+2: inputs (48 px, 16 px text so phones never zoom) ───────────── */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce-form input[type="text"], .woocommerce-form input[type="email"], .woocommerce-form input[type="password"], .woocommerce-form input[type="tel"],
.martfury-login-tabs input[type="text"], .martfury-login-tabs input[type="email"], .martfury-login-tabs input[type="password"], .martfury-login-tabs input[type="tel"],
.ht-otp__panel input, .woocommerce-EditAccountForm input.input-text, .dokan-form-control, .select2-container .select2-selection--single {
height: 48px !important; min-height: 48px; font-size: 16px !important; line-height: 1.3; color: var(--ht-ink);
border: 1px solid var(--ht-line) !important; border-radius: var(--radius-sm) !important; background: var(--ht-white);
padding: 0 14px !important; box-shadow: none; transition: border-color var(--duration-fast, .16s), box-shadow var(--duration-fast, .16s);
}
.woocommerce form .form-row textarea { height: auto !important; min-height: 96px; padding: 12px 14px !important; }
.select2-container .select2-selection--single .select2-selection__rendered { line-height: 46px !important; padding-left: 0 !important; }
.select2-container .select2-selection--single .select2-selection__arrow { height: 46px !important; }
.woocommerce form .form-row input.input-text:focus, .woocommerce-form input:focus, .martfury-login-tabs input:focus, .ht-otp__panel input:focus, .dokan-form-control:focus {
border-color: var(--ht-green) !important; box-shadow: 0 0 0 3px rgba(95, 163, 15, .16) !important; outline: none;
}
.woocommerce form .form-row label { font-size: 14px; color: var(--ht-ink); margin-bottom: 6px; }
.woocommerce form .form-row { margin-bottom: 14px; }
.iti .iti__tel-input { padding-left: 52px !important; }
/* ───────────── Stage 1+2: buttons (48 px, radius 5, brand green) ───────────── */
.woocommerce button.button:not(.alg-wc-wl-btn), .woocommerce a.button:not(.alg-wc-wl-btn), .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce-form button[type="submit"], .martfury-login-tabs button, .ht-otp__panel .button, .ht-otp__toggle,
.single_add_to_cart_button, .dokan-btn, .woocommerce .cart .button, .woocommerce .checkout-button,
.woocommerce #payment #place_order, .woocommerce-MyAccount-content .button, .wc-block-components-button {
height: 48px !important; min-height: 48px !important; line-height: 46px !important; padding: 0 22px !important; box-sizing: border-box;
font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0; border-radius: var(--radius-sm) !important;
transition: background var(--duration-fast, .16s), border-color var(--duration-fast, .16s), box-shadow var(--duration-fast, .16s), transform var(--duration-fast, .16s);
}
/* secondary (outline) first, then primary — the primary rules below win on the submit buttons */
.woocommerce button.button:not(.alt):not(.single_add_to_cart_button):not([type="submit"]):not(.alg-wc-wl-btn), .woocommerce a.button:not(.alt):not(.checkout-button):not(.alg-wc-wl-btn), .ht-otp__toggle, .woocommerce-MyAccount-content .button {
background: var(--ht-white) !important; color: var(--ht-green-dark) !important; border: 1.5px solid var(--ht-green) !important;
}
.woocommerce button.button:not(.alt):not([type="submit"]):not(.alg-wc-wl-btn):hover, .ht-otp__toggle:hover { background: var(--ht-green-soft) !important; }
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce button.button[type="submit"], .woocommerce-form-login button[type="submit"], .woocommerce-form-register button[type="submit"], .martfury-login-tabs button[type="submit"],
.single_add_to_cart_button, .woocommerce .checkout-button, .woocommerce #payment #place_order, .ht-otp__send, .ht-otp__verify, .ht-otp__signup, .dokan-btn-theme {
background: var(--ht-green) !important; color: var(--ht-white) !important; border: 1px solid var(--ht-green) !important;
}
.woocommerce button.button.alt:hover, .woocommerce button.button[type="submit"]:hover, .woocommerce-form-login button[type="submit"]:hover, .martfury-login-tabs button[type="submit"]:hover, .single_add_to_cart_button:hover, .woocommerce .checkout-button:hover, .woocommerce #payment #place_order:hover, .ht-otp__send:hover, .ht-otp__verify:hover, .ht-otp__signup:hover {
background: var(--ht-green-dark) !important; border-color: var(--ht-green-dark) !important; box-shadow: var(--shadow-btn); }
button:focus-visible, a.button:focus-visible { outline: 2px solid var(--ht-green-bright); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .woocommerce button.button, .ht-otp__toggle, .site-content a { transition: none; } }
/* ───────────── Stage 1: OTP block (first in the card) ───────────── */
.ht-otp { margin: 0; padding: 0; border: 0; }
.ht-otp__head { margin: 0 0 18px; }
.ht-otp__title { font-size: 20px; font-weight: 600; margin: 0 0 4px; color: var(--ht-ink); line-height: 1.3; }
.ht-otp__sub { font-size: 14px; color: var(--ht-muted); margin: 0; }
.ht-otp__toggle { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; width: 100%; background: var(--ht-green) !important; color: var(--ht-white) !important; border: 1px solid var(--ht-green) !important; }
.ht-otp__toggle:hover { background: var(--ht-green-dark) !important; border-color: var(--ht-green-dark) !important; box-shadow: var(--shadow-btn); }
.ht-otp__toggle svg { width: 20px; height: 20px; flex: 0 0 20px; }
.ht-otp__toggle[aria-expanded="true"] { background: var(--ht-green-soft) !important; color: var(--ht-green-dark) !important; border-color: var(--ht-green) !important; box-shadow: none; }
.ht-otp__panel { margin-top: 14px; }
.ht-otp__panel label { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
.ht-otp__panel .ht-otp__msg { font-size: 14px; }
.ht-otp__hint { font-size: 13px; color: var(--ht-muted); margin: 8px 0 0; }
.ht-otp__code { letter-spacing: .3em; font-size: 22px !important; }
.ht-otp__or { display: flex; align-items: center; gap: 12px; margin: 20px 0 16px; font-size: 13px; color: var(--ht-muted); text-align: center; }
.ht-otp__or::before, .ht-otp__or::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--ht-line); }
.ht-otp__or span { background: transparent; padding: 0; }
/* ───────────── Stage 2: product page controls (one row, one height) ───────────── */
body:not(.htc-lab-product) .summary .product_title { font-size: var(--text-h1-size, 26px); font-weight: 600; line-height: 1.3; margin-bottom: 8px; }
body:not(.htc-lab-product) .summary .price { font-size: 24px; font-weight: 600; color: var(--ht-ink); }
body:not(.htc-lab-product) .summary .price del { font-size: 16px; color: var(--ht-muted); font-weight: 400; }
body:not(.htc-lab-product) .summary .mf-summary-header { font-size: 14px; color: var(--ht-muted); }
body:not(.htc-lab-product) .summary .woocommerce-product-details__short-description { font-size: 15px; line-height: 1.6; color: var(--ht-ink); }
body:not(.htc-lab-product) .summary form.cart { display: inline-flex !important; align-items: center; gap: 12px; flex-wrap: wrap; margin: 4px 12px 16px 0 !important; vertical-align: middle; }
body:not(.htc-lab-product) .summary form.cart .quantity { float: none !important; margin: 0 !important; }
body:not(.htc-lab-product) .summary form.cart .quantity .label { display: block; font-size: 13px; color: var(--ht-muted); margin: 0 0 4px; }
body:not(.htc-lab-product) .summary form.cart .quantity .qty-box { display: inline-flex; align-items: center; height: 48px; border: 1px solid var(--ht-line); border-radius: var(--radius-sm); background: var(--ht-white); overflow: hidden; }
body:not(.htc-lab-product) .summary form.cart .quantity .qty-box .decrease, body:not(.htc-lab-product) .summary form.cart .quantity .qty-box .increase { width: 40px; height: 46px; line-height: 46px; font-size: 18px; text-align: center; color: var(--ht-muted); cursor: pointer; }
body:not(.htc-lab-product) .summary form.cart .quantity .qty-box .decrease:hover, body:not(.htc-lab-product) .summary form.cart .quantity .qty-box .increase:hover { color: var(--ht-green-dark); background: var(--ht-green-soft); }
body:not(.htc-lab-product) .summary form.cart .quantity input.qty { width: 48px !important; height: 46px !important; border: 0 !important; border-left: 1px solid var(--ht-line) !important; border-right: 1px solid var(--ht-line) !important; border-radius: 0 !important; text-align: center; font-size: 16px !important; padding: 0 !important; }
body:not(.htc-lab-product) .summary form.cart .single_add_to_cart_button { float: none !important; margin: 0 !important; min-width: 180px; }
body:not(.htc-lab-product) .summary .product_meta { font-size: 13px; color: var(--ht-muted); border-top: 1px solid var(--ht-line); padding-top: 14px; }
.woocommerce-tabs .tabs li a, .woocommerce-tabs .wc-tabs li a { font-size: 17px !important; font-weight: 600 !important; }
h2.related-title, .related > h2, .upsells > h2 { font-size: 22px !important; font-weight: 600; }
.related .woo-loop-product__title, .upsells .woo-loop-product__title, .related .woocommerce-loop-product__title, .upsells .woocommerce-loop-product__title,
.related .woo-loop-product__title a, .upsells .woo-loop-product__title a { font-size: 14px !important; font-weight: 500; line-height: 1.4; }
@media (max-width: 767px) {
body:not(.htc-lab-product) .summary .product_title { font-size: 22px; }
body:not(.htc-lab-product) .summary form.cart { display: flex !important; width: 100%; margin-right: 0 !important; }
body:not(.htc-lab-product) .summary form.cart .single_add_to_cart_button { flex: 1 1 auto; }
body:not(.htc-lab-product) .summary form.cart { margin-bottom: 8px !important; }
}
/* ───────────── Stage 1: cart + checkout shared chrome (values match the Thyrocare chrome) ───────────── */
.woocommerce table.shop_table { border: 1px solid var(--ht-line); border-radius: var(--radius-default); overflow: hidden; }
.woocommerce table.shop_table th { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--ht-muted); font-weight: 600; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: 14px 16px; }
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-checkout #order_review_heading, .woocommerce-checkout .woocommerce-billing-fields h3 { font-size: 19px; font-weight: 600; margin-bottom: 14px; }
.woocommerce-checkout .woocommerce-checkout-review-order { background: var(--ht-white); border: 1px solid var(--ht-line); border-radius: var(--radius-default); padding: 18px; }
.woocommerce-checkout #payment { background: var(--ht-green-soft) !important; border-radius: var(--radius-default); }
.woocommerce-checkout #payment ul.payment_methods li { font-size: 15px; }
.woocommerce-info, .woocommerce-message, .woocommerce-error { border-radius: var(--radius-default); font-size: 14px; }
/* ───────────── Stage 1: My Account (logged in) — 2.7.16: same card language as the login ───────────── */
.ht-skin.woocommerce-account.logged-in #content.site-content { padding-top: 28px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { width: 240px; float: left; line-height: 1.4; margin: 0; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content { width: calc(100% - 268px); float: right; background: var(--ht-white); border: 1px solid var(--ht-line); border-radius: var(--radius-default); padding: 28px; font-size: 15px; color: var(--ht-ink); min-height: 320px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { background: var(--ht-white); border: 1px solid var(--ht-line); border-radius: var(--radius-default); padding: 6px; margin: 0; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li { list-style: none; padding: 0; margin: 0; background: transparent !important; border: 0 !important; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
display: block; padding: 11px 14px; border-radius: var(--radius-sm); font-size: 15px; font-weight: 500; line-height: 1.3; text-transform: none; letter-spacing: 0; color: var(--ht-ink);
transition: background var(--duration-fast, .16s), color var(--duration-fast, .16s);
}
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { background: var(--ht-bg); color: var(--ht-green-dark); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { background: var(--ht-green-soft); color: var(--ht-green-dark); font-weight: 600; box-shadow: inset 3px 0 0 var(--ht-green); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--ht-line) !important; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--ht-muted); }
/* content typography */
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content p { font-size: 15px; line-height: 1.6; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content strong { color: var(--ht-ink); font-weight: 600; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content a:not(.button) { color: var(--ht-green-dark); font-weight: 500; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content h2, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content h3,
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .orders-title, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .billing-title,
.ht-skin.woocommerce-account.woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content .edit-address, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset legend {
font-size: 17px; font-weight: 600; color: var(--ht-ink); text-transform: none; line-height: 1.3; margin: 0 0 16px; padding: 0 0 12px; border-bottom: 1px solid var(--ht-line); width: 100%;
}
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset legend { margin-top: 24px; }
/* orders table */
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders { border: 0; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead th { background: var(--ht-bg); border-bottom: 1px solid var(--ht-line); padding: 12px 14px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead th span { font-size: 13px; font-weight: 600; letter-spacing: .02em; text-transform: none; color: var(--ht-muted); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td { padding: 14px; border-bottom: 1px solid var(--ht-line); vertical-align: middle; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order .order-date { color: var(--ht-muted); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order .order-status { color: var(--ht-green-dark); font-weight: 600; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order .order-actions { padding-top: 14px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .my_account_orders .order-number a { background: transparent !important; padding: 0 !important; border: 0 !important; font-weight: 600; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .my_account_orders .button {
display: inline-block; height: 36px !important; line-height: 34px !important; min-width: 0; padding: 0 14px !important; font-size: 13px !important; margin: 0 6px 6px 0;
background: var(--ht-white) !important; color: var(--ht-green-dark) !important; border: 1.5px solid var(--ht-green) !important; border-radius: var(--radius-sm);
}
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .my_account_orders .button:hover { background: var(--ht-green-soft) !important; }
/* addresses as two cards */
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .addresses { display: flex; flex-wrap: wrap; gap: 20px; margin: 0; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address { background: var(--ht-bg); border: 1px solid var(--ht-line); border-radius: var(--radius-default); padding: 18px 20px; position: relative; width: calc(50% - 10px); float: none; margin: 0; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title { display: block; text-align: left; margin: 0 0 8px; padding-right: 44px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h2, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3 { text-align: left; font-size: 16px; margin: 0; padding: 0; border: 0; width: auto; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-edit, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title a.edit { position: absolute; top: 12px; right: 12px; margin: 0 !important; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .edit {
display: inline-flex !important; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--radius-sm); border: 1px solid var(--ht-line); background: var(--ht-white);
font-size: 0 !important; font-style: normal !important; color: transparent !important; overflow: hidden; transition: background var(--duration-fast, .16s), border-color var(--duration-fast, .16s);
}
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .edit::before { content: ""; width: 16px; height: 16px; background: var(--ht-green-dark); -webkit-mask: url("data:image/svg+xml;utf8,") center / 16px 16px no-repeat; mask: url("data:image/svg+xml;utf8,") center / 16px 16px no-repeat; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .edit:hover { border-color: var(--ht-green); background: var(--ht-green-soft); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content address { font-style: normal; font-size: 15px; line-height: 1.6; color: var(--ht-ink); text-transform: none; }
.ht-skin.woocommerce-account .woocommerce::after { content: ""; display: table; clear: both; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td.order-number, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td { background: transparent !important; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order .order-number a { font-weight: 600; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order small { color: var(--ht-muted); font-size: 13px; }
@media (max-width: 767px) {
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders { display: block; width: 100%; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead { display: none; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order { display: block; width: 100%; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order { border: 1px solid var(--ht-line); border-radius: var(--radius-default); padding: 6px 14px 12px; margin: 0 0 12px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td { display: grid; grid-template-columns: 96px 1fr; gap: 2px 12px; align-items: baseline; padding: 8px 0; border: 0; border-bottom: 1px solid var(--ht-line); text-align: right; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td::before { content: attr(data-title); grid-column: 1; color: var(--ht-muted); font-size: 13px; font-weight: 500; text-align: left; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td > * { grid-column: 2; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td.order-number { display: block; text-align: left; padding: 10px 0 8px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td.order-number::before { display: none; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td.order-number a { font-size: 16px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td:last-child { border-bottom: 0; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td.order-actions { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 8px; padding-top: 12px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody .order td.order-actions::before { display: none; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .my_account_orders .button { margin: 0; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .account-info .account-avatar img { width: 56px; height: 56px; }
}
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists { border: 1px solid var(--ht-line); border-radius: var(--radius-default); margin-top: 20px; overflow: hidden; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists li { padding: 16px 18px; gap: 16px; border-color: var(--ht-line); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists li .left-content p { font-size: 14px; color: var(--ht-muted); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists li .left-content strong, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists li .left-content h2, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists li .left-content h3 { font-size: 15px; border: 0; padding: 0; margin: 0 0 4px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists li .right-content { flex: 0 0 auto; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists li .right-content a, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists li .right-content .dokan-btn {
display: inline-flex !important; align-items: center; justify-content: center; white-space: nowrap; height: 40px !important; line-height: 38px !important; padding: 0 16px !important; font-size: 14px !important; float: none; width: auto; margin: 0;
background: var(--ht-white) !important; color: var(--ht-green-dark) !important; border: 1.5px solid var(--ht-green) !important; border-radius: var(--radius-sm) !important;
}
@media (max-width: 767px) {
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content ul.dokan-account-migration-lists li { flex-direction: column; align-items: flex-start; }
}
/* account / address forms */
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .form-row label { font-size: 14px; font-weight: 500; color: var(--ht-ink); margin: 0 0 6px; line-height: 1.3; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .form-row { margin-bottom: 16px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .form-row em, .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .form-row .description { font-size: 13px; color: var(--ht-muted); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button[type="submit"], .ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content button.button { margin-top: 20px; }
@media (max-width: 991px) {
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { width: 100%; float: none; margin: 0 0 16px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content { width: 100%; float: none; padding: 20px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li { flex: 0 0 auto; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a { padding: 8px 12px; font-size: 14px; white-space: nowrap; border: 1px solid var(--ht-line); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { box-shadow: none; border-color: var(--ht-green-soft); }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { margin: 0; padding: 0; border-top: 0 !important; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { border-color: transparent; }
.ht-skin.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address { width: 100%; }
}
/* plugin dashboards (.ht-app): headings on the site scale — no serif 26 px card titles */
.ht-skin .ht-app .ht-header h1, .ht-skin .ht-app h1 { font-size: 22px; font-weight: 600; color: var(--ht-ink); letter-spacing: -0.2px; }
.ht-skin .ht-app h2, .ht-skin .ht-app .ht-card h2 { font-family: var(--ht-font-head); font-size: 19px; font-weight: 600; color: var(--ht-ink); line-height: 1.3; margin: 0 0 12px; }
.ht-skin .ht-app h3, .ht-skin .ht-app .ht-card h3 { font-size: 17px; font-weight: 600; color: var(--ht-ink); margin: 0 0 8px; }
.ht-skin .ht-app .ht-card { box-shadow: none; }
/* lab test pages: the theme's 14 px base stays exactly as it was */
.ht-skin.htc-lab-product { font-size: 14px; }
/* lost / reset password: the same card as the login */
.ht-skin .woocommerce-ResetPassword, .ht-skin .woocommerce form.lost_reset_password { max-width: 440px; margin: 0 auto 40px; background: var(--ht-white); border: 1px solid var(--ht-line); border-radius: var(--radius-default); padding: 28px; }
.ht-skin .woocommerce-ResetPassword h2, .ht-skin .woocommerce-ResetPassword h3 { font-size: 19px; font-weight: 600; color: var(--ht-ink); margin: 0 0 10px; line-height: 1.3; }
.ht-skin .woocommerce-ResetPassword > p { font-size: 15px; color: var(--ht-muted); margin: 0 0 18px; line-height: 1.6; }
.ht-skin .woocommerce-ResetPassword .form-row { margin-bottom: 16px; }
.ht-skin .woocommerce-ResetPassword .form-row label { font-size: 14px; font-weight: 500; color: var(--ht-ink); margin-bottom: 6px; display: block; }
.ht-skin .woocommerce-ResetPassword button[type="submit"] { width: 100%; }
.ht-skin.woocommerce-lost-password .page-header.page-header-page .entry-title { display: none; }
.ht-skin.woocommerce-lost-password #content.site-content { padding-top: 28px; }
/* ───────────── Stage 2: footer ───────────── */
.site-footer .widget-title, footer h4.widget-title { font-size: 15px; font-weight: 600; letter-spacing: .02em; color: var(--ht-ink); margin-bottom: 14px; }
.site-footer, .site-footer a { font-size: 14px; }
.site-footer a:hover { color: var(--ht-green-dark); }
.footer-layout.footer-gray { border-top: 1px solid var(--ht-line); }