/* Mobile containment for every My Account endpoint and plugin panel. */
@media (max-width: 780px) {
    .woocommerce-account .sd-account-page,
    .woocommerce-account .sd-account-shell,
    .woocommerce-account .sd-account-layout,
    .woocommerce-account .sd-account-sidebar,
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce-MyAccount-content > *,
    .woocommerce-account .sdp-account-profile,
    .woocommerce-account .sdc-dashboard {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .woocommerce-account .sd-account-page .content-area > .container {
        width: 100%;
        max-width: 100%;
        padding-right: 16px;
        padding-left: 16px;
        box-sizing: border-box;
    }

    .woocommerce-account.logged-in .sd-account-layout {
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    /* A visible menu grid is easier to use than a horizontally scrolling strip. */
    .woocommerce-account.logged-in .sd-account-sidebar .woocommerce-MyAccount-navigation ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        width: 100%;
        max-width: 100%;
        padding: 6px 0;
        overflow: visible;
        border-top: 1px solid #d9d9d6;
        border-bottom: 1px solid #d9d9d6;
    }

    .woocommerce-account.logged-in .sd-account-sidebar .woocommerce-MyAccount-navigation li,
    .woocommerce-account.logged-in .sd-account-sidebar .woocommerce-MyAccount-navigation li:last-child {
        min-width: 0;
        border-bottom: 1px solid #ececea;
    }

    .woocommerce-account.logged-in .sd-account-sidebar .woocommerce-MyAccount-navigation li:nth-child(odd) {
        border-right: 1px solid #ececea;
    }

    .woocommerce-account.logged-in .sd-account-sidebar .woocommerce-MyAccount-navigation a {
        display: block;
        min-width: 0;
        height: 100%;
        padding: 11px 10px;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .woocommerce-account .sd-account-hero,
    .woocommerce-account .sd-dashboard-section-heading,
    .woocommerce-account .sd-account-endpoint__intro,
    .woocommerce-account .sdc-dashboard__intro,
    .woocommerce-account .sdc-panel__head {
        min-width: 0;
        max-width: 100%;
    }

    .woocommerce-account .sd-account-hero h1,
    .woocommerce-account .sd-account-endpoint__intro h2,
    .woocommerce-account .sd-dashboard-section-heading h3,
    .woocommerce-account .sdc-dashboard h2,
    .woocommerce-account .sdc-dashboard h3 {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .woocommerce-account .sd-account-stats,
    .woocommerce-account .sd-account-stats--subscriptions,
    .woocommerce-account .sd-account-stats:not(.sd-account-stats--subscriptions),
    .woocommerce-account .sdc-stats {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .woocommerce-account .sd-account-stats > a,
    .woocommerce-account .sdc-stats > div {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .woocommerce-account .sd-account-quick-links,
    .woocommerce-account .sd-account-quick-links--subscriptions {
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    .woocommerce-account .sd-account-quick-links > a,
    .woocommerce-account .sd-recent-order,
    .woocommerce-account .sd-order-card,
    .woocommerce-account .sd-order-card__details,
    .woocommerce-account .sd-dashboard-empty {
        min-width: 0;
        max-width: 100%;
    }

    .woocommerce-account .sd-order-card > header,
    .woocommerce-account .sd-order-card > footer,
    .woocommerce-account .sd-order-card__details,
    .woocommerce-account .sd-dashboard-empty {
        flex-wrap: wrap;
    }

    .woocommerce-account .sd-order-card .button,
    .woocommerce-account .sd-dashboard-empty .button,
    .woocommerce-account .subscription-actions .button,
    .woocommerce-account .woocommerce_account_subscriptions .button,
    .woocommerce-account .woocommerce-MyAccount-content a.button,
    .woocommerce-account .woocommerce-MyAccount-content button.button {
        max-width: 100%;
        height: auto;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .woocommerce-account .woocommerce-MyAccount-content table.shop_table,
    .woocommerce-account .woocommerce-MyAccount-content table.subscription_details,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions {
        width: 100%;
        max-width: 100%;
        table-layout: fixed;
    }

    .woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table td,
    .woocommerce-account .woocommerce-MyAccount-content table.subscription_details th,
    .woocommerce-account .woocommerce-MyAccount-content table.subscription_details td {
        min-width: 0;
        padding-right: 10px;
        padding-left: 10px;
        overflow-wrap: anywhere;
        word-break: normal;
        white-space: normal;
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions {
        display: block;
        border: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table thead,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions thead {
        display: none;
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tr,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions tbody,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions tr {
        display: block;
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tr,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions tr {
        margin-bottom: 14px;
        border: 1px solid #dededb;
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table td,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions td {
        display: flex;
        width: 100%;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
        border-bottom: 1px solid #ececea;
        text-align: right;
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table td:last-child,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions td:last-child {
        border-bottom: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table td::before,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions td::before {
        flex: 0 0 42%;
        color: #666;
        font-size: .65rem;
        font-weight: 500;
        text-align: left;
    }

    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table td .button,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce_account_subscriptions td .button {
        margin: 0 0 6px 6px;
    }

    .woocommerce-account .woocommerce-MyAccount-content .form-row-first,
    .woocommerce-account .woocommerce-MyAccount-content .form-row-last {
        float: none;
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-content input,
    .woocommerce-account .woocommerce-MyAccount-content select,
    .woocommerce-account .woocommerce-MyAccount-content textarea,
    .woocommerce-account .select2-container {
        max-width: 100%;
        box-sizing: border-box;
    }

    .woocommerce-account .woocommerce-MyAccount-content fieldset,
    .woocommerce-account .woocommerce-MyAccount-content form,
    .woocommerce-account .woocommerce-Addresses,
    .woocommerce-account .woocommerce-Addresses .col-1,
    .woocommerce-account .woocommerce-Addresses .col-2 {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Desire Profile and Club account extensions. */
    .woocommerce-account .sdp-account-profile .sdp-profile-card__heading,
    .woocommerce-account .sdp-account-profile .sdp-profile-actions,
    .woocommerce-account .sdp-account-profile .sdp-section-heading,
    .woocommerce-account .sdp-account-profile .sdp-card-match,
    .woocommerce-account .sdp-account-profile .sd-product-info-grid,
    .woocommerce-account .sdc-dashboard__intro,
    .woocommerce-account .sdc-panel__head,
    .woocommerce-account .sdc-cart-offer {
        min-width: 0;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .woocommerce-account .sdp-account-profile .sdp-standard-product-grid,
    .woocommerce-account .sdp-account-profile .sdp-standard-product-grid > .products,
    .woocommerce-account .sdp-account-profile .product,
    .woocommerce-account .sdp-account-profile .sd-product-details,
    .woocommerce-account .sdc-panel,
    .woocommerce-account .sdc-drop__options,
    .woocommerce-account .sdc-drop-card {
        min-width: 0;
        max-width: 100%;
    }

    .woocommerce-account .sdp-account-profile .sdp-standard-product-grid > .products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .woocommerce-account .sdp-account-profile .sd-product-info-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .woocommerce-account .sdp-account-profile .sd-product-info-grid > .price,
    .woocommerce-account .sdp-account-profile .sdc-price {
        align-items: flex-start;
        text-align: left;
        white-space: normal;
    }

    .woocommerce-account .sdp-account-profile .sdp-profile-actions .button,
    .woocommerce-account .sdp-account-profile .sdp-profile-actions button,
    .woocommerce-account .sdp-account-profile .sdp-delete-profile {
        max-width: 100%;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .woocommerce-account .sdc-stats,
    .woocommerce-account .sdc-drop__options {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    .woocommerce-account.logged-in .sd-account-hero {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .woocommerce-account.logged-in .sd-account-continue {
        white-space: normal;
    }

    .woocommerce-account .sd-dashboard-welcome {
        padding-right: 0;
        padding-left: 0;
    }

    .woocommerce-account .sd-order-card__details,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-columns--addresses {
        grid-template-columns: minmax(0, 1fr);
    }

    .woocommerce-account .sd-account-pagination {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 380px) {
    .woocommerce-account.logged-in .sd-account-sidebar .woocommerce-MyAccount-navigation ul,
    .woocommerce-account .sd-account-stats,
    .woocommerce-account .sd-account-stats--subscriptions,
    .woocommerce-account .sd-account-stats:not(.sd-account-stats--subscriptions),
    .woocommerce-account .sdp-account-profile .sdp-standard-product-grid > .products {
        grid-template-columns: minmax(0, 1fr);
    }

    .woocommerce-account.logged-in .sd-account-sidebar .woocommerce-MyAccount-navigation li:nth-child(odd) {
        border-right: 0;
    }
}