/* v0.6.39
   Resize only the Csillagösvény profile/account layout.
   Do not force WooCommerce/theme parent containers wider than the viewport.
*/
html, body {
    overflow-x: hidden;
}

body.woocommerce-account .cs-account-shell,
body.woocommerce-account .cs-profile-shell,
body.woocommerce-account .cs-account-layout,
body.woocommerce-account .cs-profile-layout,
body.woocommerce-account .cs-profile-page {
    box-sizing: border-box !important;
    width: calc(100vw - 64px) !important;
    max-width: 1480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.woocommerce-account .cs-account-layout,
body.woocommerce-account .cs-profile-layout {
    display: grid !important;
    grid-template-columns: 285px minmax(0, 1fr) !important;
    gap: 34px !important;
    align-items: start !important;
}

body.woocommerce-account .cs-account-sidebar,
body.woocommerce-account .cs-profile-sidebar,
body.woocommerce-account .woocommerce-MyAccount-navigation {
    box-sizing: border-box !important;
    width: 285px !important;
    min-width: 285px !important;
    max-width: 285px !important;
}

body.woocommerce-account .cs-account-main,
body.woocommerce-account .cs-profile-main,
body.woocommerce-account .cs-account-content,
body.woocommerce-account .cs-profile-content,
body.woocommerce-account .woocommerce-MyAccount-content {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

body.woocommerce-account .cs-account-main table,
body.woocommerce-account .cs-profile-main table,
body.woocommerce-account .cs-account-content table,
body.woocommerce-account .cs-profile-content table {
    width: 100% !important;
    max-width: none !important;
}

/* Increase visual scale inside our layout without changing global theme geometry. */
body.woocommerce-account .cs-account-main,
body.woocommerce-account .cs-profile-main,
body.woocommerce-account .cs-account-content,
body.woocommerce-account .cs-profile-content {
    font-size: 16px;
}

body.woocommerce-account .cs-account-sidebar,
body.woocommerce-account .cs-profile-sidebar {
    font-size: 15px;
}

/* Common top card arrangements used by the plugin. */
body.woocommerce-account .cs-membership-top,
body.woocommerce-account .cs-membership-grid,
body.woocommerce-account .cs-membership-cards {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 22px !important;
}

@media (max-width: 1050px) {
    body.woocommerce-account .cs-account-shell,
    body.woocommerce-account .cs-profile-shell,
    body.woocommerce-account .cs-account-layout,
    body.woocommerce-account .cs-profile-layout,
    body.woocommerce-account .cs-profile-page {
        width: calc(100% - 32px) !important;
    }

    body.woocommerce-account .cs-account-layout,
    body.woocommerce-account .cs-profile-layout {
        grid-template-columns: 235px minmax(0, 1fr) !important;
        gap: 22px !important;
    }

    body.woocommerce-account .cs-account-sidebar,
    body.woocommerce-account .cs-profile-sidebar,
    body.woocommerce-account .woocommerce-MyAccount-navigation {
        width: 235px !important;
        min-width: 235px !important;
        max-width: 235px !important;
    }
}

@media (max-width: 760px) {
    body.woocommerce-account .cs-account-layout,
    body.woocommerce-account .cs-profile-layout {
        display: block !important;
    }

    body.woocommerce-account .cs-account-sidebar,
    body.woocommerce-account .cs-profile-sidebar,
    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account .cs-account-main,
    body.woocommerce-account .cs-profile-main,
    body.woocommerce-account .cs-account-content,
    body.woocommerce-account .cs-profile-content,
    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.woocommerce-account .cs-membership-top,
    body.woocommerce-account .cs-membership-grid,
    body.woocommerce-account .cs-membership-cards {
        grid-template-columns: 1fr !important;
    }
}