/* Collapsible My Account tab column. State class lives on (html.whspto-nav-collapsed) so the pre-paint head script can apply the saved choice before first paint. */ .whspto-nav-toggle { display: inline-flex; align-items: center; gap: .55em; margin: 0 0 .85rem; padding: .55rem 1.1rem; background: #fff; border: 1px solid #e6e0d8; border-radius: 999px; box-shadow: 0 4px 14px rgba(31,31,31,.05); color: #1f1f1f; font-weight: 600; font-size: 14px; line-height: 1; cursor: pointer; transition: box-shadow .15s ease, transform .15s ease; } .whspto-nav-toggle:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(31,31,31,.10); } .whspto-nav-toggle__icon { width: .55em; height: .55em; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s ease; } html.whspto-nav-collapsed .whspto-nav-toggle__icon { transform: rotate(-135deg); } /* Collapsed: hide the tab cards, release both floated columns so the content card takes the full width. */ html.whspto-nav-collapsed .woocommerce-account .woocommerce-MyAccount-navigation ul { display: none; } html.whspto-nav-collapsed .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; padding-right: 0; margin-bottom: 0; } html.whspto-nav-collapsed .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; } /* Account Details form: 16px base + field hints (owner, 2026-07-07). */ .woocommerce-EditAccountForm, .woocommerce-EditAccountForm label, .woocommerce-EditAccountForm .woocommerce-Input, .woocommerce-EditAccountForm select, .woocommerce-EditAccountForm legend { font-size: 16px; } .woocommerce-EditAccountForm .whspto-field-hint { display: block; font-size: 14px; color: #666; margin-top: .25rem; }