/* FIT & MORE — WooCommerce account forms presentation (login, registration, edit account,
 * addresses, orders, order details). Presentation ONLY. Uses WooCommerce's own class names;
 * no form field, name, nonce or action is changed. Scoped under body.fit-account-shell. */

body.fit-account-shell .woocommerce-form-login,
body.fit-account-shell .woocommerce-form-register,
body.fit-account-shell .woocommerce-EditAccountForm,
body.fit-account-shell .woocommerce-address-fields,
body.fit-account-shell .woocommerce-form-login-toggle { color: var(--fit-brand-text); }

/* Two-column login / register layout, falls back to one column on phones */
body.fit-account-shell .col2-set { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
body.fit-account-shell .col2-set .col-1,
body.fit-account-shell .col2-set .col-2 { min-width: 0; background: #fff; border: 1px solid var(--fit-brand-border); border-radius: 18px; padding: 26px; }
body.fit-account-shell .col2-set h2 { font: 800 clamp(20px, 2.6vw, 26px)/1.2 var(--fit-brand-font-display); color: var(--fit-brand-primary); margin: 0 0 14px; }

body.fit-account-shell .woocommerce-form-row,
body.fit-account-shell .form-row { margin: 0 0 16px; }
body.fit-account-shell .woocommerce-form label { display: block; font-weight: 700; font-size: 14px; color: var(--fit-brand-text); margin-bottom: 6px; }
body.fit-account-shell .woocommerce-form .required { color: var(--fit-brand-primary); text-decoration: none; }
body.fit-account-shell .woocommerce-Input,
body.fit-account-shell .woocommerce-form input.input-text,
body.fit-account-shell .woocommerce-form select,
body.fit-account-shell .woocommerce-form textarea,
body.fit-account-shell .woocommerce-address-fields input.input-text,
body.fit-account-shell .woocommerce-address-fields select { width: 100%; min-height: 48px; border: 1.5px solid var(--fit-brand-border); border-radius: 12px; padding: 10px 14px; font: 16px var(--fit-brand-font-body); background: #fff; box-sizing: border-box; }
body.fit-account-shell .woocommerce-Input:focus,
body.fit-account-shell .woocommerce-form input.input-text:focus,
body.fit-account-shell .woocommerce-form select:focus,
body.fit-account-shell .woocommerce-form textarea:focus { outline: 3px solid var(--fit-brand-primary-light); outline-offset: 1px; border-color: var(--fit-brand-primary); }

/* Checkbox / remember-me rows keep native checkboxes visible and labelled */
body.fit-account-shell .woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; margin: 0; cursor: pointer; }
body.fit-account-shell .woocommerce-form__input-checkbox { width: 18px; height: 18px; accent-color: var(--fit-brand-primary); }

body.fit-account-shell .woocommerce-form-login__submit,
body.fit-account-shell .woocommerce-form-register__submit,
body.fit-account-shell .woocommerce-Button.button,
body.fit-account-shell .woocommerce-form button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 24px; border-radius: 999px; background: var(--fit-brand-primary); color: var(--fit-brand-on-primary); border: 0; font: 800 15px var(--fit-brand-font-body); cursor: pointer; }
body.fit-account-shell .woocommerce-form-login__submit:hover,
body.fit-account-shell .woocommerce-form-register__submit:hover,
body.fit-account-shell .woocommerce-form button[type="submit"]:hover { background: var(--fit-brand-primary-dark); }
body.fit-account-shell .woocommerce-form a:focus-visible,
body.fit-account-shell .woocommerce-form button:focus-visible,
body.fit-account-shell .woocommerce-form input:focus-visible { outline: 3px solid var(--fit-brand-primary-light); outline-offset: 2px; }

body.fit-account-shell .woocommerce-LostPassword a,
body.fit-account-shell .woocommerce-form-login a.woocommerce-LostPassword { color: var(--fit-brand-primary); font-weight: 700; }

/* Notices from WooCommerce (errors, info, success) */
body.fit-account-shell .woocommerce-error,
body.fit-account-shell .woocommerce-info,
body.fit-account-shell .woocommerce-message { border-radius: 14px; padding: 14px 16px 14px 44px; margin: 0 0 18px; list-style: none; border-top: 0; }
body.fit-account-shell .woocommerce-error { background: #fdecec; color: #8a1f1f; border: 1px solid #f3b8b8; }
body.fit-account-shell .woocommerce-info { background: var(--fit-brand-primary-soft); color: var(--fit-brand-primary); border: 1px solid var(--fit-brand-border); }
body.fit-account-shell .woocommerce-message { background: #e9f7ee; color: #1d5c35; border: 1px solid #b7e1c5; }

/* Orders and order details */
body.fit-account-shell .woocommerce-orders-table__cell-order-actions .button,
body.fit-account-shell .woocommerce-button.view { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border-radius: 999px; border: 2px solid var(--fit-brand-primary); color: var(--fit-brand-primary); background: transparent; font-weight: 700; text-decoration: none; }
body.fit-account-shell .woocommerce-order-details__title,
body.fit-account-shell .woocommerce-column__title,
body.fit-account-shell .woocommerce-customer-details h2 { font: 800 18px var(--fit-brand-font-display); color: var(--fit-brand-primary); }
body.fit-account-shell .woocommerce-order-details table,
body.fit-account-shell .woocommerce-table--order-details { width: 100%; border-collapse: separate; border-spacing: 0; }
body.fit-account-shell .woocommerce-table--order-details th,
body.fit-account-shell .woocommerce-table--order-details td { padding: 10px; border-bottom: 1px solid var(--fit-brand-border); }

/* Addresses */
body.fit-account-shell .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
body.fit-account-shell .woocommerce-Address { border: 1px solid var(--fit-brand-border); border-radius: 16px; padding: 18px; background: var(--fit-brand-surface-alt); }
body.fit-account-shell .woocommerce-Address-title h3 { font: 800 17px var(--fit-brand-font-display); color: var(--fit-brand-primary); margin: 0 0 8px; }

@media (max-width: 900px) {
	body.fit-account-shell .col2-set,
	body.fit-account-shell .woocommerce-Addresses { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	body.fit-account-shell .col2-set .col-1,
	body.fit-account-shell .col2-set .col-2 { padding: 18px 16px; border-radius: 16px; }
	body.fit-account-shell .woocommerce-form-login__submit,
	body.fit-account-shell .woocommerce-form-register__submit { width: 100%; }
}