h1 { --fs: clamp(3.2rem, 5vw, 4.8rem); } 
h2 { --fs: clamp(2.8rem, 4vw, 3rem); } 

body.woocommerce-account .wpb-header h1{ --fs: clamp(4rem, 5vw, 5.4rem); font-weight: 700; }

.woocommerce-order-details h2{ margin-top: 3.2rem; }

.woocommerce-account__content{ padding-bottom: 4.8rem; }
.woocommerce-account__content .container { display: grid; gap: 3.2rem; grid-template-columns: minmax(0, 1fr); align-items: start; }


/* Account tables */
.woocommerce-account__content table{ margin-top: 2.4rem; }
.woocommerce-account__content table.account-orders-table{ margin-top: 0; }
.woocommerce-account__content table thead th{ background-color: var(--clr-light); font-weight: 600; font-size: 1.8rem; }
.woocommerce-account__content table *:is(td, th){ padding: .6em 1em; }
.woocommerce-account__content table *:is(td, th) ul li{ text-decoration: none; display: flex; align-items: center; gap: .4rem; }
.woocommerce-account__content table *:is(td, th) ul li strong{ margin-bottom: .2rem; }
.woocommerce-account__content table :is(tbody, tfoot) tr > *:not(:first-child){ border-left: .1rem solid var(--clr-border); }

/* Login/register pages */
.woocommerce-account__login #customer_login > *{ --p: 1.8rem; padding: var(--p); }
.woocommerce-account__login #customer_login > *:nth-child(1){ border: .1rem solid var(--clr-border); }
.woocommerce-account__login #customer_login > *:nth-child(2){ background-color: var(--clr-block); }
.woocommerce-account__login #customer_login h2{ --fs: clamp(3.2rem, 4vw, 4rem); margin-bottom: 2rem; }
.woocommerce-account__login #customer_login :is(.form-row + p, .woocommerce-privacy-policy-text){ margin-top: .4rem; font-size: 1.2rem; }
.woocommerce-account__login #customer_login .woocommerce-LostPassword{ font-size: 1.6rem !important; transition: opacity var(--ts-25) ease; }
.woocommerce-account__login #customer_login .woocommerce-LostPassword:hover{ opacity: .6; }
.woocommerce-account__login #customer_login button[type="submit"]{ margin-top: 1.2rem; }
.woocommerce-account__login #customer_login form label:has(input[type=checkbox]){ justify-content: start; font-size: 1.4rem; text-transform: none; }

@media (min-width: 768px) {
    .woocommerce-account__login #customer_login{ --gap: 0; }
    .woocommerce-account__login #customer_login > *{ --p: 2.4rem; }
    .woocommerce-account__login #customer_login > *:nth-child(1){ border-right: none; }
}
@media (min-width: 1200px) {
    .woocommerce-account__login #customer_login > *{ --p: 4.8rem; }
}

/* Password reset */
.woocommerce-account__reset-password form button[type="submit"]{ margin-top: 2.4rem; }

/* TAB: Adressen */
.woocommerce-MyAccount-content .woocommerce-Addresses{ margin-top: 2.4rem; }
.woocommerce-MyAccount-content .woocommerce-Addresses > *{ padding: 2.4rem; background-color: var(--clr-light); }


/* TAB: Accountgegevens */
.woocommerce-EditAccountForm :is(.woocommerce-form-row, .form-row):not(:first-child) label{ margin-top: 1.2rem; }
.woocommerce-EditAccountForm fieldset{ margin-top: 2.4rem; padding: 1rem 1.5rem; border: .1rem solid var(--clr-border); }
.woocommerce-EditAccountForm fieldset .woocommerce-form-row label{ margin-top: 0 !important; } 
.woocommerce-EditAccountForm button[type="submit"]{ margin-top: 2.4rem; }

/* TAB: Mijn punten */
.woocommerce-account__content .ywpar_myaccount_entry_info{ margin-top: 1.2rem; }
.woocommerce-account__content .ywpar_myaccount_entry_info > div{ border-radius: 0; background-color: var(--clr-block); }
.woocommerce-account__content #share_points { background-color: var(--clr-block); border-radius: 0; }
.woocommerce-account__content #share_points .error{ font-size: 1.2rem; }

#ywpar_tabs #ywpar_share_points_to_share { display: inline-block; }
.ywpar-wrapper #share_points input#ywpar-share-points__submit{ display: flex; margin-left: 0; margin-top: 15px; background-color: var(--clr-primary);; border: none; color: #fff; font-size: 1.6rem; font-weight: 700; padding: 8px 16px; cursor: pointer; transition: color .25s ease, background .25s ease; }
.ywpar-wrapper #share_points input#ywpar-share-points__submit:hover{ background-color: var(--clr-dark); }
#ywpar-copy-to-clipboard-wrapper{ border-radius: 0px; }

#share_points table.shop_table.ywpar_points_rewards.my_account_orders th{ font-size: 1.4rem; }
.ywpar_myaccount_entry_info span.rank{ font-size: 6rem; line-height: 1; font-weight: 700; }

.woocommerce-MyAccount-navigation ul { list-style: none; display: flex; flex-direction: column; gap: 1rem; }
.woocommerce-MyAccount-navigation ul li a { text-decoration: none; padding: .5rem 1.5rem; display: block; border-left: 1px solid var(--clr-border); transition: border var(--ts-25) ease, background var(--ts-25) ease; }
.woocommerce-MyAccount-navigation ul li:not(:last-child) a { padding: 1rem 1.5rem; border: 1px solid var(--clr-border); }
.woocommerce-MyAccount-navigation ul li:not(:last-child) a:hover{ background-color: var(--clr-border); }
.woocommerce-MyAccount-navigation ul li:not([class*="--customer-logout"]).is-active a { border-color: var(--clr-dark); }
.woocommerce-MyAccount-navigation ul li[class*="--customer-logout"] { padding-top: 2.4rem; }

.woocommerce-MyAccount-navigation ul li[class*="--customer-logout"] a:hover { border-color: var(--clr-danger); color: var(--clr-danger); }

@media (min-width: 992px) {
    .woocommerce-account__content .container { grid-template-columns: 30rem minmax(0, 1fr); }
}