/* MEGAFORMA — MY ACCOUNT
   Split from the production stylesheet on 2026-10-16.
   Keep this file in /wp-content/uploads/megaforma/. */

/* =========================================================
   ACCOUNT PAGE — STICKY FOOTER LAYOUT (UA + RU)
   Elementor Header & Footer outputs .footer-width-fixer as a
   direct child of body. Let the page fill short viewports,
   while keeping the footer in normal document flow.
   ========================================================= */
body.woocommerce-account {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

body.woocommerce-account > .footer-width-fixer {
    margin-top: auto;
    width: 100%;
    flex-shrink: 0;
}

/* =========================================================
   MEGAFORMA — MY ACCOUNT / AUTH UI
   Guest My Account page only.
   Final direction:
   Phone + OTP (login/register) OR E-mail + password (login).
   ========================================================= */

body.woocommerce-account:not(.logged-in) .site-main,
body.woocommerce-account:not(.logged-in) .content-area {
    overflow: visible !important;
}

body.woocommerce-account:not(.logged-in) .entry-header {
    margin-bottom: 18px !important;
    text-align: center !important;
}

body.woocommerce-account:not(.logged-in) .entry-title {
    margin: 26px 0 8px !important;
    text-align: center !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #181818 !important;
}

body.woocommerce-account:not(.logged-in) .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.woocommerce-account:not(.logged-in) .mf-account-auth {
    --mf-auth-orange: #ff6600;
    --mf-auth-text: #1d1d1f;
    --mf-auth-muted: #6f7479;
    --mf-auth-border: #e2e5e8;
    --mf-auth-soft: #f6f7f8;
    box-sizing: border-box !important;
    width: min(100% - 32px, 500px) !important;
    margin: 0 auto 48px !important;
}

body.woocommerce-account:not(.logged-in) .mf-account-auth *,
body.woocommerce-account:not(.logged-in) .mf-account-auth *::before,
body.woocommerce-account:not(.logged-in) .mf-account-auth *::after {
    box-sizing: border-box !important;
}

body.woocommerce-account:not(.logged-in) .mf-account-auth-card {
    padding: 28px !important;
    border: 1px solid var(--mf-auth-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 28px rgba(20, 24, 28, .045) !important;
}

body.woocommerce-account:not(.logged-in) .mf-account-auth-heading {
    margin: 0 0 7px !important;
    text-align: center !important;
    color: var(--mf-auth-text) !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

body.woocommerce-account:not(.logged-in) .mf-account-auth-lead {
    margin: 0 0 20px !important;
    text-align: center !important;
    color: var(--mf-auth-muted) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px !important;
    margin: 0 0 22px !important;
    padding: 4px !important;
    border-radius: 10px !important;
    background: #f1f2f3 !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-tab {
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #555b60 !important;
    box-shadow: none !important;
    font: inherit !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-tab.is-active {
    background: #fff !important;
    color: var(--mf-auth-orange) !important;
    box-shadow: 0 1px 5px rgba(20,24,28,.08) !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-panel[hidden] {
    display: none !important;
}

body.woocommerce-account:not(.logged-in) .mf-account-auth-card,
body.woocommerce-account:not(.logged-in) .mf-auth-panel {
    height: auto !important;
    min-height: 0 !important;
}


body.woocommerce-account:not(.logged-in) .mf-auth-panel-title {
    margin: 0 0 6px !important;
    color: var(--mf-auth-text) !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-panel-note {
    margin: 0 0 15px !important;
    color: var(--mf-auth-muted) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

/* Phone OTP plugin — actual DOM:
   .lwp_forms.login > form#lwp_login.ajax-auth.lwp-login-form-i.custom
   Keep plugin logic; remove only its own narrow visual card. */
body.woocommerce-account:not(.logged-in) .mf-auth-phone .lwp_forms.login,
body.woocommerce-account:not(.logged-in) .mf-auth-phone form#lwp_login,
body.woocommerce-account:not(.logged-in) .mf-auth-phone form.lwp-login-form-i {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-phone form#lwp_login > h1,
body.woocommerce-account:not(.logged-in) .mf-auth-phone form#lwp_login > h2,
body.woocommerce-account:not(.logged-in) .mf-auth-phone form#lwp_login > h3,
body.woocommerce-account:not(.logged-in) .mf-auth-phone form#lwp_login .title {
    display: none !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-phone form#lwp_login > div,
body.woocommerce-account:not(.logged-in) .mf-auth-phone form#lwp_login .form-row,
body.woocommerce-account:not(.logged-in) .mf-auth-phone form#lwp_login .iti,
body.woocommerce-account:not(.logged-in) .mf-auth-phone form#lwp_login .intl-tel-input {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-phone label,
body.woocommerce-account:not(.logged-in) .mf-auth-password label {
    display: block !important;
    margin: 0 0 7px !important;
    color: #35383b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-phone input[type="text"],
body.woocommerce-account:not(.logged-in) .mf-auth-phone input[type="tel"],
body.woocommerce-account:not(.logged-in) .mf-auth-phone input[type="email"],
body.woocommerce-account:not(.logged-in) .mf-auth-phone input[type="number"],
body.woocommerce-account:not(.logged-in) .mf-auth-phone input[type="password"],
body.woocommerce-account:not(.logged-in) .mf-auth-password input[type="text"],
body.woocommerce-account:not(.logged-in) .mf-auth-password input[type="email"],
body.woocommerce-account:not(.logged-in) .mf-auth-password input[type="password"] {
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid #d6dade !important;
    border-radius: 8px !important;
    outline: 0 !important;
    background: #fff !important;
    color: var(--mf-auth-text) !important;
    box-shadow: none !important;
    font-size: 14px !important;
    line-height: 50px !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-phone input:focus,
body.woocommerce-account:not(.logged-in) .mf-auth-password input:focus {
    border-color: var(--mf-auth-orange) !important;
    box-shadow: 0 0 0 3px rgba(255,102,0,.10) !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-phone button,
body.woocommerce-account:not(.logged-in) .mf-auth-phone input[type="submit"],
body.woocommerce-account:not(.logged-in) .mf-auth-phone .button,
body.woocommerce-account:not(.logged-in) .mf-auth-password button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 14px 0 0 !important;
    padding: 0 18px !important;
    border: 1px solid var(--mf-auth-orange) !important;
    border-radius: 8px !important;
    background: var(--mf-auth-orange) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-phone button:hover,
body.woocommerce-account:not(.logged-in) .mf-auth-phone input[type="submit"]:hover,
body.woocommerce-account:not(.logged-in) .mf-auth-phone .button:hover,
body.woocommerce-account:not(.logged-in) .mf-auth-password button[type="submit"]:hover {
    filter: brightness(.96) !important;
}

/* Terms line generated by OTP plugin. */
body.woocommerce-account:not(.logged-in) .mf-auth-phone label:has(input[type="checkbox"]),
body.woocommerce-account:not(.logged-in) .mf-auth-phone .terms,
body.woocommerce-account:not(.logged-in) .mf-auth-phone .terms-and-conditions {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    margin: 14px 0 0 !important;
    color: #666c71 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-phone input[type="checkbox"],
body.woocommerce-account:not(.logged-in) .mf-auth-password input[type="checkbox"] {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 1px 0 0 !important;
    accent-color: var(--mf-auth-orange) !important;
}

/* Email + password WooCommerce form. */
body.woocommerce-account:not(.logged-in) .mf-auth-password form.woocommerce-form.woocommerce-form-login.login {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-password .form-row {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-password .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #5f6469 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-password .mf-auth-password-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-top: 2px !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-password .lost_password {
    margin: 0 !important;
    text-align: right !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-password .lost_password a,
body.woocommerce-account:not(.logged-in) .mf-auth-phone a {
    color: var(--mf-auth-orange) !important;
    text-decoration: none !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-password .lost_password a:hover,
body.woocommerce-account:not(.logged-in) .mf-auth-phone a:hover {
    text-decoration: underline !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-security {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 16px 0 0 !important;
    color: #8a8e92 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

body.woocommerce-account:not(.logged-in) .mf-auth-security::before {
    content: "✓";
    display: inline-grid !important;
    place-items: center !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #f0f1f2 !important;
    color: #666 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

/* Woo notices on auth page. */
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
    width: min(100% - 32px, 500px) !important;
    margin: 0 auto 14px !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-error,
body.woocommerce-account:not(.logged-in) .woocommerce-message,
body.woocommerce-account:not(.logged-in) .woocommerce-info {
    margin: 0 0 12px !important;
    padding: 13px 15px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

/* Hide any legacy Woo login/register form if a theme/plugin still outputs it below ours. */
body.woocommerce-account:not(.logged-in) .mf-account-auth ~ #customer_login {
    display: none !important;
}

@media (max-width: 767px) {
    body.woocommerce-account:not(.logged-in) .entry-title {
        margin-top: 18px !important;
        font-size: 28px !important;
    }

    body.woocommerce-account:not(.logged-in) .mf-account-auth {
        width: min(100% - 24px, 500px) !important;
        margin-bottom: 32px !important;
    }

    body.woocommerce-account:not(.logged-in) .mf-account-auth-card {
        padding: 18px !important;
        border-radius: 12px !important;
    }

    body.woocommerce-account:not(.logged-in) .mf-account-auth-heading {
        font-size: 20px !important;
    }

    body.woocommerce-account:not(.logged-in) .mf-auth-tab {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
    }

    body.woocommerce-account:not(.logged-in) .mf-auth-password .mf-auth-password-actions {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    body.woocommerce-account:not(.logged-in) .mf-auth-password .lost_password {
        text-align: left !important;
    }
}

@media (max-width: 359px) {
    body.woocommerce-account:not(.logged-in) .mf-account-auth {
        width: calc(100% - 16px) !important;
    }

    body.woocommerce-account:not(.logged-in) .mf-account-auth-card {
        padding: 14px !important;
    }

    body.woocommerce-account:not(.logged-in) .mf-auth-tabs {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   MEGAFORMA — MY ACCOUNT / LOGGED IN
   Dashboard + Orders + Addresses + Account details
   ========================================================= */

body.woocommerce-account.logged-in {
    --mf-account-orange: #FF6600;
    --mf-account-orange-dark: #E65C00;
    --mf-account-text: #1E1E1E;
    --mf-account-muted: #707070;
    --mf-account-border: #E5E5E5;
    --mf-account-soft: #F7F8F8;
    font-family: "Manrope", sans-serif !important;
    color: var(--mf-account-text) !important;
}

body.woocommerce-account.logged-in .container.content-wrapper {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 32px auto 72px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.logged-in .entry-header {
    margin: 0 0 32px !important;
    padding: 0 !important;
    text-align: center !important;
}

body.woocommerce-account.logged-in .entry-title {
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 40px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: var(--mf-account-text) !important;
}

body.woocommerce-account.logged-in .entry-content,
body.woocommerce-account.logged-in .entry-content > .woocommerce {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.woocommerce-account.logged-in .entry-content > .woocommerce {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
}

/* Navigation */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    float: none !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--mf-account-border) !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #EEEEEE !important;
    list-style: none !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px 0 18px !important;
    border-left: 3px solid transparent !important;
    background: #FFFFFF !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    color: #3B3B3B !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a:hover {
    background: #FFF8F3 !important;
    color: var(--mf-account-orange) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
    border-left-color: var(--mf-account-orange) !important;
    background: #FFF7F1 !important;
    font-weight: 700 !important;
    color: var(--mf-account-orange) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #6F6F6F !important;
}

/* Main content card */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    float: none !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 360px !important;
    margin: 0 !important;
    padding: 28px !important;
    border: 1px solid var(--mf-account-border) !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content > :first-child {
    margin-top: 0 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content > :last-child {
    margin-bottom: 0 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content p,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content address,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content li {
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #4B4B4B !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):not(.mf-account-quick-card) {
    color: var(--mf-account-text) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):not(.mf-account-quick-card):hover {
    color: var(--mf-account-orange) !important;
}

/* Hide the WordPress frontend edit link (visible to admins only). */
body.woocommerce-account.logged-in .edit-link {
    display: none !important;
}

/* Dashboard */
body.mf-account-dashboard-page .woocommerce-MyAccount-content > p {
    display: none !important;
}

body.woocommerce-account.logged-in .mf-account-dashboard {
    width: 100% !important;
}

body.woocommerce-account.logged-in .mf-account-welcome {
    margin: 0 0 26px !important;
    padding: 0 0 24px !important;
    border-bottom: 1px solid #ECECEC !important;
}

body.woocommerce-account.logged-in .mf-account-eyebrow {
    display: inline-block !important;
    margin-bottom: 7px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: var(--mf-account-orange) !important;
}

body.woocommerce-account.logged-in .mf-account-welcome h2 {
    margin: 0 0 8px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: var(--mf-account-text) !important;
}

body.woocommerce-account.logged-in .mf-account-welcome p {
    max-width: 720px !important;
    margin: 0 !important;
    color: var(--mf-account-muted) !important;
}

body.woocommerce-account.logged-in .mf-account-quick-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
}

body.woocommerce-account.logged-in .mf-account-quick-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 164px !important;
    padding: 18px !important;
    border: 1px solid var(--mf-account-border) !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    color: var(--mf-account-text) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body.woocommerce-account.logged-in .mf-account-quick-card:hover {
    border-color: var(--mf-account-orange) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05) !important;
    transform: translateY(-2px) !important;
}

body.woocommerce-account.logged-in .mf-account-quick-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 20px !important;
    border-radius: 8px !important;
    background: #FFF2E8 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    color: var(--mf-account-orange) !important;
}

body.woocommerce-account.logged-in .mf-account-quick-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding-right: 24px !important;
}

body.woocommerce-account.logged-in .mf-account-quick-copy strong {
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: var(--mf-account-text) !important;
}

body.woocommerce-account.logged-in .mf-account-quick-copy small {
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: var(--mf-account-muted) !important;
}

body.woocommerce-account.logged-in .mf-account-quick-arrow {
    position: absolute !important;
    right: 16px !important;
    bottom: 16px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: var(--mf-account-text) !important;
    transition: color .18s ease, transform .18s ease !important;
}

body.woocommerce-account.logged-in .mf-account-quick-card:hover .mf-account-quick-arrow {
    color: var(--mf-account-orange) !important;
    transform: translateX(3px) !important;
}

/* Notices / empty states */
body.woocommerce-account.logged-in .woocommerce-info,
body.woocommerce-account.logged-in .woocommerce-message,
body.woocommerce-account.logged-in .woocommerce-error {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 16px 18px !important;
    border: 1px solid #E7E7E7 !important;
    border-top: 1px solid #E7E7E7 !important;
    border-radius: 8px !important;
    background: var(--mf-account-soft) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #444444 !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.logged-in .woocommerce-info::before,
body.woocommerce-account.logged-in .woocommerce-message::before,
body.woocommerce-account.logged-in .woocommerce-error::before {
    color: var(--mf-account-orange) !important;
}

body.woocommerce-account.logged-in .woocommerce-info .button,
body.woocommerce-account.logged-in .woocommerce-message .button,
body.woocommerce-account.logged-in .woocommerce-error .button {
    margin-left: 12px !important;
}

/* Shared buttons */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid var(--mf-account-orange) !important;
    border-radius: 6px !important;
    background: var(--mf-account-orange) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[type="submit"]:hover {
    background: var(--mf-account-orange-dark) !important;
    border-color: var(--mf-account-orange-dark) !important;
    color: #FFFFFF !important;
}

/* Orders — filled state only (empty state below stays separate) */

/* Desktop: real WooCommerce table, easy to scan. */
@media (min-width: 901px) {
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table {
        display: table !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 1px solid var(--mf-account-border) !important;
        border-radius: 10px !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        background: #FFFFFF !important;
        table-layout: fixed !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table::before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table thead {
        display: table-header-group !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody {
        display: table-row-group !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tr {
        display: table-row !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #FFFFFF !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table th,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table td {
        display: table-cell !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 15px 14px !important;
        float: none !important;
        border: 0 !important;
        border-bottom: 1px solid #EEEEEE !important;
        background: #FFFFFF !important;
        font-family: "Manrope", sans-serif !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        color: #333333 !important;
        text-align: left !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table thead th {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        background: #FAFAFA !important;
        font-weight: 700 !important;
        color: var(--mf-account-text) !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:last-child th,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:last-child td {
        border-bottom: 0 !important;
    }

    /* Hide Nova Post service column; customer does not need it here. */
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table th:nth-child(5),
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table td:nth-child(5) {
        display: none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table th::before,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table td::before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__header-order-number,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number {
        width: 17% !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__header-order-date,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-date {
        width: 21% !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__header-order-status,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status {
        width: 18% !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__header-order-total,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total {
        width: 27% !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__header-order-actions,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
        width: 17% !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a:visited {
        color: var(--mf-account-text) !important;
        background: transparent !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a:hover {
        color: var(--mf-account-orange) !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status {
        font-weight: 700 !important;
        color: var(--mf-account-orange) !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total {
        color: #555555 !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
        display: inline !important;
        margin: 0 !important;
        font-size: 13px !important;
        line-height: inherit !important;
        font-weight: 600 !important;
        color: var(--mf-account-text) !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 100px !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border-radius: 7px !important;
        font-size: 11px !important;
    }
}

/* Tablet + mobile: one consistent card design. */
@media (max-width: 900px) {
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        background: transparent !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table::before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table thead {
        display: none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody {
        display: grid !important;
        gap: 14px !important;
        width: 100% !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(120px, .75fr) !important;
        grid-template-areas:
            "number status"
            "date total"
            "actions actions" !important;
        column-gap: clamp(18px, 4vw, 34px) !important;
        row-gap: 18px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: clamp(18px, 3vw, 22px) !important;
        border: 1px solid var(--mf-account-border) !important;
        border-radius: 12px !important;
        background: #FFFFFF !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody th,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        border: 0 !important;
        background: transparent !important;
        font-family: "Manrope", sans-serif !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        color: #333333 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody th::before,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td::before {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin: 0 0 7px !important;
        padding: 0 !important;
        font-family: "Manrope", sans-serif !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        color: #8A8A8A !important;
        text-align: inherit !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table th:nth-child(5),
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table td:nth-child(5) {
        display: none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number {
        grid-area: number !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number::before {
        content: "Замовлення" !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a:visited {
        display: inline-block !important;
        width: fit-content !important;
        background: transparent !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        color: var(--mf-account-text) !important;
        text-decoration: none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status {
        grid-area: status !important;
        justify-self: end !important;
        width: auto !important;
        min-width: 0 !important;
        font-weight: 700 !important;
        color: var(--mf-account-orange) !important;
        text-align: right !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status::before {
        content: "Статус" !important;
        text-align: right !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-date {
        grid-area: date !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-date::before {
        content: "Дата замовлення" !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-date time {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--mf-account-text) !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total {
        grid-area: total !important;
        justify-self: end !important;
        width: auto !important;
        min-width: 120px !important;
        color: #555555 !important;
        text-align: left !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total::before {
        content: "Сума замовлення" !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
        display: block !important;
        margin: 0 0 3px !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        color: var(--mf-account-text) !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
        grid-area: actions !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions::before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
    }
}

/* Addresses */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-child {
    margin-bottom: 22px !important;
}

body.woocommerce-account.logged-in .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
}

body.woocommerce-account.logged-in .woocommerce-Addresses::before,
body.woocommerce-account.logged-in .woocommerce-Addresses::after {
    display: none !important;
}

body.woocommerce-account.logged-in .woocommerce-Address {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid var(--mf-account-border) !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.logged-in .woocommerce-Address-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #EEEEEE !important;
}

body.woocommerce-account.logged-in .woocommerce-Address-title h2 {
    margin: 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: var(--mf-account-text) !important;
}

body.woocommerce-account.logged-in .woocommerce-Address-title .edit {
    float: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--mf-account-orange) !important;
    text-decoration: none !important;
}

body.woocommerce-account.logged-in .woocommerce-Address address {
    margin: 0 !important;
    font-style: normal !important;
    color: #555555 !important;
}

/* Forms: edit address / account details */
body.woocommerce-account.logged-in .woocommerce-EditAccountForm,
body.woocommerce-account.logged-in .woocommerce-address-fields {
    width: 100% !important;
}

body.woocommerce-account.logged-in .form-row {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

body.woocommerce-account.logged-in .form-row label,
body.woocommerce-account.logged-in .woocommerce-EditAccountForm legend {
    margin-bottom: 6px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #333333 !important;
}

body.woocommerce-account.logged-in .form-row input.input-text,
body.woocommerce-account.logged-in .form-row select,
body.woocommerce-account.logged-in .form-row textarea {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 6px !important;
    background: #FFFFFF !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    color: #222222 !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.logged-in .form-row textarea {
    min-height: 110px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.woocommerce-account.logged-in .form-row input.input-text:focus,
body.woocommerce-account.logged-in .form-row select:focus,
body.woocommerce-account.logged-in .form-row textarea:focus {
    border-color: var(--mf-account-orange) !important;
}

body.woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset {
    margin: 26px 0 20px !important;
    padding: 20px !important;
    border: 1px solid var(--mf-account-border) !important;
    border-radius: 8px !important;
    background: #FAFAFA !important;
}

body.woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset legend {
    padding: 0 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--mf-account-text) !important;
}

body.woocommerce-account.logged-in .woocommerce-EditAccountForm em {
    display: block !important;
    margin-top: 5px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: #7A7A7A !important;
}

body.woocommerce-account.logged-in .mf-account-phone-field {
    margin-bottom: 18px !important;
}

/* Order detail */
body.woocommerce-account.logged-in .woocommerce-order-details,
body.woocommerce-account.logged-in .woocommerce-customer-details {
    margin-top: 26px !important;
}

body.woocommerce-account.logged-in .woocommerce-order-details__title,
body.woocommerce-account.logged-in .woocommerce-column__title {
    margin: 0 0 14px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: var(--mf-account-text) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content mark.order-number,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content mark.order-date,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content mark.order-status {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    font-family: "Manrope", sans-serif !important;
    font-weight: 600 !important;
    color: var(--mf-account-text) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content mark.order-number {
    font-weight: 700 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content mark.order-status {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    margin-left: 3px !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    background: #FFF3EB !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: var(--mf-account-orange) !important;
}

body.woocommerce-account.logged-in .woocommerce-table--order-details {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #FFFFFF !important;
}

body.woocommerce-account.logged-in .woocommerce-table--order-details th,
body.woocommerce-account.logged-in .woocommerce-table--order-details td {
    padding: 12px !important;
    border: 1px solid #E8E8E8 !important;
    background: #FFFFFF !important;
    font-size: 13px !important;
}

/* Tablet / narrow desktop */
@media (min-width: 901px) and (max-width: 1024px) {
    body.woocommerce-account.logged-in .container.content-wrapper {
        margin-top: 24px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.woocommerce-account.logged-in .mf-account-quick-grid {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-account.logged-in .mf-account-quick-card {
        min-height: 120px !important;
    }

    /* Orders need the full width here; otherwise the desktop table gets squeezed. */
    body.mf-account-orders-page.woocommerce-account.logged-in .entry-content > .woocommerce {
        display: block !important;
    }

    body.mf-account-orders-page.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        margin-bottom: 18px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-radius: 10px !important;
        -webkit-overflow-scrolling: touch;
    }

    body.mf-account-orders-page.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        width: max-content !important;
        min-width: 100% !important;
    }

    body.mf-account-orders-page.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
        flex: 0 0 auto !important;
        width: auto !important;
        border-right: 1px solid #EEEEEE !important;
        border-bottom: 0 !important;
    }

    body.mf-account-orders-page.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:last-child {
        border-right: 0 !important;
    }

    body.mf-account-orders-page.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
        min-height: 46px !important;
        padding: 0 16px !important;
        border-left: 0 !important;
        border-bottom: 2px solid transparent !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    body.mf-account-orders-page.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
        border-bottom-color: var(--mf-account-orange) !important;
    }
}

/* Narrow tablet — one-column account UI */
@media (min-width: 768px) and (max-width: 900px) {
    body.woocommerce-account.logged-in .container.content-wrapper {
        margin-top: 24px !important;
        margin-bottom: 56px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.woocommerce-account.logged-in .entry-header {
        margin-bottom: 26px !important;
    }

    body.woocommerce-account.logged-in .entry-title {
        font-size: 34px !important;
    }

    body.woocommerce-account.logged-in .entry-content > .woocommerce {
        display: block !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        margin-bottom: 18px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-radius: 10px !important;
        -webkit-overflow-scrolling: touch;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        width: max-content !important;
        min-width: 100% !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
        flex: 0 0 auto !important;
        width: auto !important;
        border-right: 1px solid #EEEEEE !important;
        border-bottom: 0 !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:last-child {
        border-right: 0 !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
        min-height: 46px !important;
        padding: 0 16px !important;
        border-left: 0 !important;
        border-bottom: 2px solid transparent !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
        border-bottom-color: var(--mf-account-orange) !important;
    }

    /* Notice + order cards are enough; no redundant outer frame. */
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-account.logged-in .container.content-wrapper {
        margin-top: 20px !important;
        margin-bottom: 44px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.woocommerce-account.logged-in .entry-header {
        margin-bottom: 22px !important;
    }

    body.woocommerce-account.logged-in .entry-title {
        font-size: 28px !important;
    }

    body.woocommerce-account.logged-in .entry-content > .woocommerce {
        display: block !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        margin-bottom: 16px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-radius: 8px !important;
        -webkit-overflow-scrolling: touch;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        width: max-content !important;
        min-width: 100% !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
        flex: 0 0 auto !important;
        width: auto !important;
        border-right: 1px solid #EEEEEE !important;
        border-bottom: 0 !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:last-child {
        border-right: 0 !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
        min-height: 44px !important;
        padding: 0 13px !important;
        border-left: 0 !important;
        border-bottom: 2px solid transparent !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
        border-bottom-color: var(--mf-account-orange) !important;
    }

    /* No redundant outer frame on mobile. */
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    body.woocommerce-account.logged-in .mf-account-welcome {
        margin-bottom: 18px !important;
        padding-bottom: 18px !important;
    }

    body.woocommerce-account.logged-in .mf-account-welcome h2 {
        font-size: 21px !important;
    }

    body.woocommerce-account.logged-in .mf-account-welcome p {
        font-size: 12px !important;
    }

    body.woocommerce-account.logged-in .mf-account-quick-grid {
        gap: 10px !important;
    }

    body.woocommerce-account.logged-in .mf-account-quick-card {
        min-height: 112px !important;
        padding: 14px !important;
    }

    body.woocommerce-account.logged-in .mf-account-quick-icon {
        width: 30px !important;
        height: 30px !important;
        margin-bottom: 14px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-Address {
        padding: 16px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-Address-title h2 {
        font-size: 16px !important;
    }

    body.woocommerce-account.logged-in .woocommerce-info .button,
    body.woocommerce-account.logged-in .woocommerce-message .button,
    body.woocommerce-account.logged-in .woocommerce-error .button {
        display: flex !important;
        width: 100% !important;
        margin: 10px 0 0 !important;
    }

    body.woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset {
        margin-top: 20px !important;
        padding: 14px !important;
    }
}

/* =========================================================
   MEGAFORMA — MY ACCOUNT / ORDERS EMPTY STATE
   WooCommerce email confirmation + no-orders state
   ========================================================= */

/* Keep the Orders panel compact when there are no orders yet. */
body.woocommerce-account.logged-in
.woocommerce-MyAccount-content:has(> .woocommerce-info:last-child a.wc-forward) {
    min-height: 0 !important;
}

/* E-mail confirmation prompt (WooCommerce 11.x). */
body.woocommerce-account.logged-in
.woocommerce-MyAccount-content > .woocommerce-info:has(a[href*="wc_send_verification"]) {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 72px !important;
    margin: 0 0 18px !important;
    padding: 14px 16px !important;
    border: 1px solid #FFD9BF !important;
    border-radius: 10px !important;
    background: #FFF8F3 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: #4B4B4B !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content > .woocommerce-info:has(a[href*="wc_send_verification"])::before {
    content: "" !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background-color: #FFF0E5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FF6600' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    transform: none !important;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content > .woocommerce-info:has(a[href*="wc_send_verification"]) .button {
    order: 3 !important;
    flex: 0 0 auto !important;
    min-height: 38px !important;
    margin: 0 0 0 auto !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
    font-size: 11px !important;
}

/* Empty orders state. The notice is the last direct child when there are no orders. */
body.woocommerce-account.logged-in
.woocommerce-MyAccount-content > .woocommerce-info:last-child:has(a.wc-forward):not(:has(a[href*="wc_send_verification"])) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 220px !important;
    margin: 0 !important;
    padding: 30px 24px !important;
    border: 1px solid #E7E7E7 !important;
    border-radius: 10px !important;
    background: #FAFAFA !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #1E1E1E !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content > .woocommerce-info:last-child:has(a.wc-forward):not(:has(a[href*="wc_send_verification"]))::before {
    content: "" !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    order: 0 !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 0 15px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background-color: #FFF0E5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FF6600' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5 12 3l8 4.5v9L12 21l-8-4.5z'/%3E%3Cpath d='m4 7.5 8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px 24px !important;
    transform: none !important;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content > .woocommerce-info:last-child:has(a.wc-forward):not(:has(a[href*="wc_send_verification"]))::after {
    content: "Історія ваших покупок, статуси та деталі замовлень з’являться тут." !important;
    display: block !important;
    order: 2 !important;
    max-width: 460px !important;
    margin: 7px 0 0 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: #777777 !important;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content > .woocommerce-info:last-child:has(a.wc-forward):not(:has(a[href*="wc_send_verification"])) .button {
    order: 3 !important;
    min-height: 42px !important;
    margin: 18px 0 0 !important;
    padding: 0 18px !important;
    font-size: 12px !important;
}

@media (max-width: 767px) {
    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-content > .woocommerce-info:has(a[href*="wc_send_verification"]) {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 14px !important;
        font-size: 12px !important;
    }

    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-content > .woocommerce-info:has(a[href*="wc_send_verification"]) .button {
        order: 3 !important;
        width: 100% !important;
        margin: 2px 0 0 !important;
    }

    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-content > .woocommerce-info:last-child:has(a.wc-forward):not(:has(a[href*="wc_send_verification"])) {
        min-height: 200px !important;
        padding: 26px 18px !important;
        font-size: 16px !important;
    }

    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-content > .woocommerce-info:last-child:has(a.wc-forward):not(:has(a[href*="wc_send_verification"])) .button {
        width: 100% !important;
        max-width: 260px !important;
    }
}

