/**
 * WooCommerce My Account — Login / Register Reskin
 *
 * CSS-only override targeting the logged-out My Account page.
 * All selectors scoped under .woocommerce-account:not(.logged-in)
 * so the logged-in dashboard is completely unaffected.
 *
 * Design: blue gradient background, centered white card,
 * two-column layout (login | register), modern form inputs.
 */

/* ── Variables ─────────────────────────────────────────────── */
:root {
    --wa-primary: #2563eb;
    --wa-primary-dark: #1e40af;
    --wa-primary-light: #3b82f6;
    --wa-gradient: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
    --wa-shadow: rgba(37, 99, 235, 0.15);
    --wa-text-dark: #1e293b;
    --wa-text-muted: #64748b;
    --wa-border: #e2e8f0;
    --wa-bg-light: #f8fafc;
    --wa-card-radius: 16px;
    --wa-input-radius: 10px;
    --wa-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Full-viewport gradient background ─────────────────────── */
.woocommerce-account:not(.logged-in) .site-content {
    background: var(--wa-gradient);
    background-size: 200% 200%;
    animation: waGradientFlow 12s ease infinite;
    min-height: 100vh;
    padding: 60px 20px 80px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

@keyframes waGradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Hide the default page title — we'll rely on form headings */
.woocommerce-account:not(.logged-in) .site-content .entry-header,
.woocommerce-account:not(.logged-in) .site-content > .container > .page-header,
.woocommerce-account:not(.logged-in) .site-content .page-title,
.woocommerce-account:not(.logged-in) .site-content .entry-title {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 32px;
    letter-spacing: -0.02em;
}

/* ── White card container ──────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login {
    background: #fff;
    border-radius: var(--wa-card-radius);
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 20px 40px -8px rgba(0, 0, 0, 0.15);
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    overflow: hidden;
}

/* ── Two-column layout ─────────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login .u-column1,
.woocommerce-account:not(.logged-in) #customer_login .u-column2 {
    flex: 1;
    padding: 48px 40px;
    margin: 0;
    float: none;
    width: auto;
    max-width: none;
}

/* Vertical divider between columns */
.woocommerce-account:not(.logged-in) #customer_login .u-column1 {
    border-right: 1px solid var(--wa-border);
}

/* ── Form headings (h2) ───────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--wa-text-dark);
    margin: 0 0 28px;
    letter-spacing: -0.02em;
}

/* ── Labels ────────────────────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login label {
    display: block;
    font-weight: 600;
    color: var(--wa-text-dark);
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.woocommerce-account:not(.logged-in) #customer_login label .required {
    color: #ef4444;
}

/* ── Text inputs ───────────────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login input[type="text"],
.woocommerce-account:not(.logged-in) #customer_login input[type="password"],
.woocommerce-account:not(.logged-in) #customer_login input[type="email"] {
    width: 100%;
    padding: 14px 16px;
    border: 1.5px solid var(--wa-border);
    border-radius: var(--wa-input-radius);
    font-size: 1rem;
    color: var(--wa-text-dark);
    background: var(--wa-bg-light);
    transition: var(--wa-transition);
    outline: none;
    box-sizing: border-box;
}

.woocommerce-account:not(.logged-in) #customer_login input[type="text"]:focus,
.woocommerce-account:not(.logged-in) #customer_login input[type="password"]:focus,
.woocommerce-account:not(.logged-in) #customer_login input[type="email"]:focus {
    border-color: var(--wa-primary);
    background: #fff;
    box-shadow: 0 0 0 3px var(--wa-shadow);
}

/* ── Form rows spacing ─────────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-row,
.woocommerce-account:not(.logged-in) #customer_login .form-row {
    margin-bottom: 20px;
}

/* ── Remember me checkbox ──────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: var(--wa-text-muted);
    margin-bottom: 24px;
}

.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--wa-primary);
    cursor: pointer;
}

/* ── Submit buttons ────────────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login button[type="submit"],
.woocommerce-account:not(.logged-in) #customer_login input[type="submit"] {
    display: block;
    width: 100%;
    padding: 16px 24px;
    background: var(--wa-gradient);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    border: none;
    border-radius: var(--wa-input-radius);
    cursor: pointer;
    transition: var(--wa-transition);
    letter-spacing: 0.01em;
    text-transform: none;
    box-shadow: 0 4px 12px var(--wa-shadow);
}

.woocommerce-account:not(.logged-in) #customer_login button[type="submit"]:hover,
.woocommerce-account:not(.logged-in) #customer_login input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
}

.woocommerce-account:not(.logged-in) #customer_login button[type="submit"]:active,
.woocommerce-account:not(.logged-in) #customer_login input[type="submit"]:active {
    transform: translateY(0);
}

/* ── Lost password link ────────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword {
    margin-top: 20px;
    text-align: center;
}

.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword a {
    color: var(--wa-primary);
    font-size: 0.9rem;
    text-decoration: none;
    transition: var(--wa-transition);
}

.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword a:hover {
    color: var(--wa-primary-dark);
    text-decoration: underline;
}

/* ── Privacy policy text ───────────────────────────────────── */
.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text {
    font-size: 0.8rem;
    color: var(--wa-text-muted);
    line-height: 1.5;
    margin-bottom: 20px;
}

.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text a {
    color: var(--wa-primary);
    text-decoration: none;
}

.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text a:hover {
    text-decoration: underline;
}

/* ── WooCommerce notices (error/success messages) ──────────── */
.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
    max-width: 900px;
    width: 100%;
    margin: 0 auto 20px;
}

.woocommerce-account:not(.logged-in) .woocommerce-error,
.woocommerce-account:not(.logged-in) .woocommerce-message,
.woocommerce-account:not(.logged-in) .woocommerce-info {
    border-radius: var(--wa-input-radius);
    padding: 14px 20px 14px 48px;
    font-size: 0.95rem;
}

/* ── Password strength meter (registration) ────────────────── */
.woocommerce-account:not(.logged-in) .woocommerce-password-strength {
    font-size: 0.85rem;
    margin-top: 8px;
    padding: 6px 12px;
    border-radius: 6px;
}

/* ═══════════════════════════════════════════════════════════════
   Lost Password / Reset Password Pages
   ═══════════════════════════════════════════════════════════════
   WooCommerce uses `.woocommerce-ResetPassword.lost_reset_password`
   for both "enter your email" and "set new password" forms.
   Body classes: woocommerce-lost-password / woocommerce-reset-password
   ─────────────────────────────────────────────────────────────── */

/* ── Gradient background (same as login page) ─────────────── */
.woocommerce-account.woocommerce-lost-password .site-content,
.woocommerce-account.woocommerce-reset-password .site-content {
    background: var(--wa-gradient);
    background-size: 200% 200%;
    animation: waGradientFlow 12s ease infinite;
    min-height: 100vh;
    padding: 60px 20px 80px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* ── Hide / style the page title ──────────────────────────── */
.woocommerce-account.woocommerce-lost-password .site-content .entry-header,
.woocommerce-account.woocommerce-lost-password .site-content .entry-title,
.woocommerce-account.woocommerce-lost-password .site-content .page-title,
.woocommerce-account.woocommerce-reset-password .site-content .entry-header,
.woocommerce-account.woocommerce-reset-password .site-content .entry-title,
.woocommerce-account.woocommerce-reset-password .site-content .page-title {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 32px;
    letter-spacing: -0.02em;
}

/* ── White card for the form ──────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword {
    background: #fff;
    border-radius: var(--wa-card-radius);
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 20px 40px -8px rgba(0, 0, 0, 0.15);
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    padding: 48px 40px;
}

/* ── Form paragraph / description text ────────────────────── */
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword > p:not(.woocommerce-form-row),
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword > p:not(.woocommerce-form-row) {
    color: var(--wa-text-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 24px;
}

/* ── Form labels ──────────────────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword label,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword label {
    display: block;
    font-weight: 600;
    color: var(--wa-text-dark);
    font-size: 0.9rem;
    margin-bottom: 8px;
}

/* ── Text inputs ──────────────────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword input[type="text"],
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword input[type="email"],
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword input[type="password"],
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword input[type="text"],
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword input[type="email"],
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword input[type="password"] {
    width: 100%;
    padding: 14px 16px;
    border: 1.5px solid var(--wa-border);
    border-radius: var(--wa-input-radius);
    font-size: 1rem;
    color: var(--wa-text-dark);
    background: var(--wa-bg-light);
    transition: var(--wa-transition);
    outline: none;
    box-sizing: border-box;
}

.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword input[type="text"]:focus,
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword input[type="email"]:focus,
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword input[type="password"]:focus,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword input[type="text"]:focus,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword input[type="email"]:focus,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword input[type="password"]:focus {
    border-color: var(--wa-primary);
    background: #fff;
    box-shadow: 0 0 0 3px var(--wa-shadow);
}

/* ── Form rows spacing ────────────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row,
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword .form-row,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword .woocommerce-form-row,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword .form-row {
    margin-bottom: 20px;
}

/* ── Submit button ────────────────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword button[type="submit"],
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword input[type="submit"],
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword button[type="submit"],
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword input[type="submit"],
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword .woocommerce-Button {
    display: block;
    width: 100%;
    padding: 16px 24px;
    background: var(--wa-gradient);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    border: none;
    border-radius: var(--wa-input-radius);
    cursor: pointer;
    transition: var(--wa-transition);
    letter-spacing: 0.01em;
    text-transform: none;
    box-shadow: 0 4px 12px var(--wa-shadow);
}

.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword button[type="submit"]:hover,
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword input[type="submit"]:hover,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword button[type="submit"]:hover,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword input[type="submit"]:hover,
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button:hover,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword .woocommerce-Button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
}

.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword button[type="submit"]:active,
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword input[type="submit"]:active,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword button[type="submit"]:active,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword input[type="submit"]:active {
    transform: translateY(0);
}

/* ── Notices (error / info / success) ─────────────────────── */
.woocommerce-account.woocommerce-lost-password .woocommerce-notices-wrapper,
.woocommerce-account.woocommerce-reset-password .woocommerce-notices-wrapper {
    max-width: 480px;
    width: 100%;
    margin: 0 auto 20px;
}

.woocommerce-account.woocommerce-lost-password .woocommerce-error,
.woocommerce-account.woocommerce-lost-password .woocommerce-message,
.woocommerce-account.woocommerce-lost-password .woocommerce-info,
.woocommerce-account.woocommerce-reset-password .woocommerce-error,
.woocommerce-account.woocommerce-reset-password .woocommerce-message,
.woocommerce-account.woocommerce-reset-password .woocommerce-info {
    border-radius: var(--wa-input-radius);
    padding: 14px 20px 14px 48px;
    font-size: 0.95rem;
}

/* ── Password strength meter ──────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .woocommerce-password-strength,
.woocommerce-account.woocommerce-reset-password .woocommerce-password-strength {
    font-size: 0.85rem;
    margin-top: 8px;
    padding: 6px 12px;
    border-radius: 6px;
}

/* ── Reset form heading ───────────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .wa-reset-heading,
.woocommerce-account.woocommerce-reset-password .wa-reset-heading {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--wa-text-dark);
    margin: 0 0 12px;
    letter-spacing: -0.02em;
}

/* ── Reset form description ───────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .wa-reset-description,
.woocommerce-account.woocommerce-reset-password .wa-reset-description {
    color: var(--wa-text-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 28px;
}

/* ── Stack password fields vertically ─────────────────────── */
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword .form-row-first,
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword .form-row-last,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword .form-row-first,
.woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword .form-row-last {
    float: none;
    width: 100%;
}

/* ── Password tips ────────────────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .wa-reset-tips,
.woocommerce-account.woocommerce-reset-password .wa-reset-tips {
    background: var(--wa-bg-light);
    border: 1px solid var(--wa-border);
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 0.8rem;
    color: var(--wa-text-muted);
    line-height: 1.5;
    margin-bottom: 24px;
}

.woocommerce-account.woocommerce-lost-password .wa-reset-tips strong,
.woocommerce-account.woocommerce-reset-password .wa-reset-tips strong {
    color: var(--wa-text-dark);
}

/* ── Security reassurance ─────────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .wa-reset-secure,
.woocommerce-account.woocommerce-reset-password .wa-reset-secure {
    text-align: center;
    font-size: 0.8rem;
    color: var(--wa-text-muted);
    margin: 16px 0 0;
}

.woocommerce-account.woocommerce-lost-password .wa-reset-secure::before,
.woocommerce-account.woocommerce-reset-password .wa-reset-secure::before {
    content: "\f023";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 6px;
    font-size: 0.75rem;
}

/* ── Back to login link ───────────────────────────────────── */
.woocommerce-account.woocommerce-lost-password .wa-reset-back-link,
.woocommerce-account.woocommerce-reset-password .wa-reset-back-link {
    text-align: center;
    margin-top: 24px;
}

.woocommerce-account.woocommerce-lost-password .wa-reset-back-link a,
.woocommerce-account.woocommerce-reset-password .wa-reset-back-link a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    transition: var(--wa-transition);
}

.woocommerce-account.woocommerce-lost-password .wa-reset-back-link a:hover,
.woocommerce-account.woocommerce-reset-password .wa-reset-back-link a:hover {
    text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════════
   Logged-In My Account Dashboard
   ═══════════════════════════════════════════════════════════════
   Styles for the sidebar navigation + content area that WooCommerce
   renders when a user is logged in at /my-account/.
   All selectors scoped under .woocommerce-account.logged-in
   ─────────────────────────────────────────────────────────────── */

/* ── Page layout ─────────────────────────────────────────────── */
.woocommerce-account.logged-in .site-content {
    background: var(--wa-bg-light);
    padding: 40px 20px 60px;
}

/* Hide the default page title — nav context is enough */
.woocommerce-account.logged-in .site-content .entry-header,
.woocommerce-account.logged-in .site-content .entry-title,
.woocommerce-account.logged-in .site-content .page-title {
    display: none;
}

/* Flex container for nav + content */
.woocommerce-account.logged-in .woocommerce {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    gap: 28px;
    align-items: flex-start;
}

/* ── Navigation sidebar ──────────────────────────────────────── */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    width: 240px;
    min-width: 240px;
    background: #fff;
    border-radius: var(--wa-card-radius);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    float: none;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link {
    margin: 0;
    border-left: 3px solid transparent;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
    color: var(--wa-text-dark);
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 500;
    transition: var(--wa-transition);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a:hover {
    background: rgba(37, 99, 235, 0.04);
    color: var(--wa-primary);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active {
    border-left-color: var(--wa-primary);
    background: rgba(37, 99, 235, 0.06);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--wa-primary);
    font-weight: 600;
}

/* ── Nav icons (Font Awesome 6) ──────────────────────────────── */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.9rem;
    width: 20px;
    text-align: center;
    color: var(--wa-text-muted);
    transition: var(--wa-transition);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link:hover a::before,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active a::before {
    color: var(--wa-primary);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f3fd"; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--orders a::before { content: "\f07a"; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f019"; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3c5"; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "\f09d"; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f007"; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f2f5"; }

/* Logout link: subtle red on hover */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.04);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout:hover a::before {
    color: #ef4444;
}

/* ── Content area ────────────────────────────────────────────── */
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    flex: 1;
    min-width: 0;
    background: #fff;
    border-radius: var(--wa-card-radius);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
    padding: 36px 40px;
    float: none;
    width: auto;
}

/* Typography inside content */
.woocommerce-account.logged-in .woocommerce-MyAccount-content p {
    color: var(--wa-text-dark);
    line-height: 1.7;
    margin-bottom: 16px;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content a {
    color: var(--wa-primary);
    text-decoration: none;
    transition: var(--wa-transition);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content a:hover {
    color: var(--wa-primary-dark);
    text-decoration: underline;
}

/* ── Notices inside dashboard ────────────────────────────────── */
.woocommerce-account.logged-in .woocommerce-notices-wrapper {
    max-width: 1000px;
    margin: 0 auto 20px;
}

.woocommerce-account.logged-in .woocommerce-message,
.woocommerce-account.logged-in .woocommerce-info,
.woocommerce-account.logged-in .woocommerce-error {
    border-radius: var(--wa-input-radius);
    padding: 14px 20px 14px 48px;
    font-size: 0.95rem;
}

/* ── Tables (Orders, Downloads) ──────────────────────────────── */
.woocommerce-account.logged-in .woocommerce-orders-table,
.woocommerce-account.logged-in .woocommerce-table--order-downloads,
.woocommerce-account.logged-in table.shop_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.woocommerce-account.logged-in table.shop_table thead th {
    background: var(--wa-bg-light);
    color: var(--wa-text-muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 12px 16px;
    border-bottom: 2px solid var(--wa-border);
    text-align: left;
}

.woocommerce-account.logged-in table.shop_table td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--wa-border);
    color: var(--wa-text-dark);
    vertical-align: middle;
}

.woocommerce-account.logged-in table.shop_table tbody tr:last-child td {
    border-bottom: none;
}

.woocommerce-account.logged-in table.shop_table tbody tr:hover {
    background: rgba(37, 99, 235, 0.02);
}

/* Table action buttons */
.woocommerce-account.logged-in table.shop_table .woocommerce-button,
.woocommerce-account.logged-in table.shop_table .button {
    display: inline-block;
    padding: 8px 16px;
    background: var(--wa-primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: var(--wa-transition);
}

.woocommerce-account.logged-in table.shop_table .woocommerce-button:hover,
.woocommerce-account.logged-in table.shop_table .button:hover {
    background: var(--wa-primary-dark);
    color: #fff;
    text-decoration: none;
}

/* ── Forms (Account details, Addresses) ──────────────────────── */
.woocommerce-account.logged-in .woocommerce-MyAccount-content label {
    display: block;
    font-weight: 600;
    color: var(--wa-text-dark);
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account.logged-in .woocommerce-MyAccount-content select,
.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid var(--wa-border);
    border-radius: var(--wa-input-radius);
    font-size: 0.95rem;
    color: var(--wa-text-dark);
    background: var(--wa-bg-light);
    transition: var(--wa-transition);
    outline: none;
    box-sizing: border-box;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="tel"]:focus,
.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-account.logged-in .woocommerce-MyAccount-content select:focus,
.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea:focus {
    border-color: var(--wa-primary);
    background: #fff;
    box-shadow: 0 0 0 3px var(--wa-shadow);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row {
    margin-bottom: 20px;
}

/* Submit buttons */
.woocommerce-account.logged-in .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="submit"],
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Button {
    display: inline-block;
    padding: 14px 28px;
    background: var(--wa-gradient);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: var(--wa-input-radius);
    cursor: pointer;
    transition: var(--wa-transition);
    letter-spacing: 0.01em;
    text-transform: none;
    box-shadow: 0 4px 12px var(--wa-shadow);
    text-decoration: none;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="submit"]:hover,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
    color: #fff;
    text-decoration: none;
}

/* ── Address cards ───────────────────────────────────────────── */
.woocommerce-account.logged-in .woocommerce-Addresses {
    display: flex;
    gap: 24px;
}

.woocommerce-account.logged-in .woocommerce-Addresses .woocommerce-Address {
    flex: 1;
}

.woocommerce-account.logged-in .woocommerce-Address-title h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--wa-text-dark);
    margin: 0 0 4px;
}

.woocommerce-account.logged-in .woocommerce-Address-title a {
    font-size: 0.85rem;
}

.woocommerce-account.logged-in .woocommerce-Address address {
    color: var(--wa-text-muted);
    font-style: normal;
    line-height: 1.7;
    font-size: 0.92rem;
}

/* ── Password strength meter ─────────────────────────────────── */
.woocommerce-account.logged-in .woocommerce-password-strength {
    font-size: 0.85rem;
    margin-top: 8px;
    padding: 6px 12px;
    border-radius: 6px;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 768px) {
    /* Login / Register */
    .woocommerce-account:not(.logged-in) .site-content {
        padding: 40px 16px 60px;
    }

    .woocommerce-account:not(.logged-in) .site-content .entry-title {
        font-size: 1.5rem;
        margin-bottom: 24px;
    }

    .woocommerce-account:not(.logged-in) #customer_login {
        flex-direction: column;
        max-width: 480px;
    }

    .woocommerce-account:not(.logged-in) #customer_login .u-column1,
    .woocommerce-account:not(.logged-in) #customer_login .u-column2 {
        padding: 32px 28px;
    }

    .woocommerce-account:not(.logged-in) #customer_login .u-column1 {
        border-right: none;
        border-bottom: 1px solid var(--wa-border);
    }

    .woocommerce-account:not(.logged-in) #customer_login h2 {
        font-size: 1.3rem;
    }

    /* Lost Password / Reset Password */
    .woocommerce-account.woocommerce-lost-password .site-content,
    .woocommerce-account.woocommerce-reset-password .site-content {
        padding: 40px 16px 60px;
    }

    .woocommerce-account.woocommerce-lost-password .site-content .entry-title,
    .woocommerce-account.woocommerce-reset-password .site-content .entry-title {
        font-size: 1.5rem;
        margin-bottom: 24px;
    }

    .woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword,
    .woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword {
        padding: 32px 28px;
    }

    /* Logged-in Dashboard */
    .woocommerce-account.logged-in .site-content {
        padding: 24px 16px 40px;
    }

    .woocommerce-account.logged-in .woocommerce {
        flex-direction: column;
        gap: 16px;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        width: 100%;
        min-width: 0;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
        display: flex;
        overflow-x: auto;
        padding: 4px 0;
        gap: 2px;
        -webkit-overflow-scrolling: touch;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link {
        border-left: none;
        white-space: nowrap;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active {
        border-left: none;
        border-bottom: 2px solid var(--wa-primary);
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a {
        padding: 10px 16px;
        font-size: 0.85rem;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-content {
        padding: 28px 24px;
    }

    .woocommerce-account.logged-in .woocommerce-Addresses {
        flex-direction: column;
    }

    /* Make tables scrollable on mobile */
    .woocommerce-account.logged-in .woocommerce-MyAccount-content table {
        display: block;
        overflow-x: auto;
    }
}

@media (max-width: 480px) {
    /* Login / Register */
    .woocommerce-account:not(.logged-in) .site-content {
        padding: 24px 12px 40px;
    }

    .woocommerce-account:not(.logged-in) #customer_login .u-column1,
    .woocommerce-account:not(.logged-in) #customer_login .u-column2 {
        padding: 28px 20px;
    }

    .woocommerce-account:not(.logged-in) #customer_login button[type="submit"],
    .woocommerce-account:not(.logged-in) #customer_login input[type="submit"] {
        padding: 14px 20px;
        font-size: 1rem;
    }

    /* Lost Password / Reset Password */
    .woocommerce-account.woocommerce-lost-password .site-content,
    .woocommerce-account.woocommerce-reset-password .site-content {
        padding: 24px 12px 40px;
    }

    .woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword,
    .woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword {
        padding: 28px 20px;
    }

    .woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword button[type="submit"],
    .woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button,
    .woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword button[type="submit"],
    .woocommerce-account.woocommerce-reset-password .woocommerce-ResetPassword .woocommerce-Button {
        padding: 14px 20px;
        font-size: 1rem;
    }

    /* Logged-in Dashboard */
    .woocommerce-account.logged-in .site-content {
        padding: 16px 12px 32px;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-content {
        padding: 24px 20px;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a {
        padding: 8px 12px;
        font-size: 0.8rem;
        gap: 6px;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a::before {
        font-size: 0.75rem;
    }
}