#pk_flex_content .flex_layout.account {
    max-width: 100%;
}
.flex_layout.account .pk-account__wrap .pk-row p,
.flex_layout.account .pk-account__wrap .pk-row p span {
    width: 100%;
    max-width: 100%;
    float: unset;
    padding: 0;
    margin: 0;
}

.flex_layout.account .pk-account__wrap .pk-row .pk-sidebar * {
    width: 100%;
    max-width: 100%;
    float: unset;
    border: unset;
}

/* End default woocommerce css */
.flex_layout.account .fl-page-content {
    padding: 0 20px;
}

.flex_layout.account .pk-account__wrap {
    padding-top: 34px;
    padding-bottom: 70px;
    border-radius: 20px;
    background: var(--gray);
}

.flex_layout.account .pk-account__wrap .pk-row {
    display: flex;
    gap: 100px;
}

@media screen and (max-width: 992px) {
    .flex_layout.account .pk-account__wrap .pk-row {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
}

/* Sidebar */
.flex_layout.account .pk-account__wrap .pk-row .pk-sidebar {
    max-width: 387px;
    width: 100%;
}

.flex_layout.account .pk-sidebar .pk-page__title {
    margin-bottom: 32px;
}

.flex_layout.account .pk-sidebar nav ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.flex_layout.account .pk-sidebar nav ul li a {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 10px;
    padding-left: 34px;
    border-radius: 999px;
    background: var(--white);
}

.flex_layout.account .pk-sidebar nav ul li a::after {
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 999px;
    background-repeat: no-repeat;
    background: var(--gray);
}

.flex_layout.account
    .pk-sidebar
    nav
    ul
    li.woocommerce-MyAccount-navigation-link--dashboard
    a::after {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8056%2014.9285C14.6429%2012.838%2012.851%2011.3391%2010.7598%2010.6285C11.7942%209.9881%2012.5978%209.01235%2013.0473%207.85104C13.4968%206.68974%2013.5673%205.40709%2013.248%204.20009C12.9287%202.99308%2012.2372%201.92845%2011.2797%201.16969C10.3222%200.410933%209.15168%200%207.94788%200C6.74407%200%205.57355%200.410933%204.61606%201.16969C3.65857%201.92845%202.96707%202.99308%202.64774%204.20009C2.32841%205.40709%202.39891%206.68974%202.84842%207.85104C3.29792%209.01235%204.10158%209.9881%205.13597%2010.6285C3.04479%2011.3383%201.2529%2012.8372%200.0901187%2014.9285C0.0474773%2015.0008%200.0191936%2015.0813%200.00693638%2015.1651C-0.0053209%2015.249%20-0.00130347%2015.3346%200.0187516%2015.4168C0.0388067%2015.499%200.0744933%2015.5762%200.123706%2015.6438C0.172918%2015.7115%200.234659%2015.7682%200.305287%2015.8106C0.375914%2015.853%200.453998%2015.8803%200.534929%2015.8908C0.615861%2015.9014%200.698002%2015.8949%200.776505%2015.8719C0.855009%2015.8489%200.928285%2015.8098%200.992011%2015.7568C1.05574%2015.7039%201.10862%2015.6382%201.14754%2015.5637C2.58594%2012.9786%205.12834%2011.4351%207.94788%2011.4351C10.7674%2011.4351%2013.3098%2012.9786%2014.7482%2015.5637C14.7871%2015.6382%2014.84%2015.7039%2014.9037%2015.7568C14.9675%2015.8098%2015.0407%2015.8489%2015.1192%2015.8719C15.1978%2015.8949%2015.2799%2015.9014%2015.3608%2015.8908C15.4418%2015.8803%2015.5198%2015.853%2015.5905%2015.8106C15.6611%2015.7682%2015.7228%2015.7115%2015.772%2015.6438C15.8213%2015.5762%2015.8569%2015.499%2015.877%2015.4168C15.8971%2015.3346%2015.9011%2015.249%2015.8888%2015.1651C15.8766%2015.0813%2015.8483%2015.0008%2015.8056%2014.9285ZM3.67238%205.71864C3.67238%204.83927%203.92313%203.97966%204.39293%203.24849C4.86273%202.51733%205.53047%201.94745%206.31171%201.61093C7.09296%201.27441%207.95262%201.18636%208.78199%201.35792C9.61135%201.52948%2010.3732%201.95293%2010.9711%202.57474C11.5691%203.19654%2011.9763%203.98877%2012.1412%204.85124C12.3062%205.71371%2012.2215%206.60768%2011.8979%207.42011C11.5743%208.23254%2011.0263%208.92693%2010.3232%209.41548C9.62011%209.90403%208.79349%2010.1648%207.94788%2010.1648C6.81432%2010.1635%205.72753%209.69469%204.92598%208.86115C4.12443%208.02761%203.67359%206.89745%203.67238%205.71864Z%22%20fill%3D%22%23072445%22%2F%3E%3C%2Fsvg%3E");
}

.flex_layout.account
    .pk-sidebar
    nav
    ul
    li.woocommerce-MyAccount-navigation-link--customer-logout
    a::after {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.59655%2014.9192C1.16993%2014.9192%200.813998%2014.7765%200.52876%2014.4913C0.243521%2014.2061%200.100593%2013.8498%200.0999756%2013.4226V1.59814C0.0999756%201.17152%200.242903%200.815585%200.52876%200.530347C0.814616%200.245108%201.17055%200.10218%201.59655%200.101562H7.52637V1.02766H1.59655C1.45393%201.02766%201.32304%201.08693%201.20389%201.20547C1.08473%201.32401%201.02546%201.4549%201.02608%201.59814V13.4235C1.02608%2013.5655%201.08535%2013.6961%201.20389%2013.8153C1.32243%2013.9344%201.45301%2013.9937%201.59563%2013.9931H7.52637V14.9192H1.59655ZM11.641%2010.7878L10.9909%2010.121L13.1385%207.97341H4.90829V7.04731H13.1385L10.99%204.89876L11.6401%204.23382L14.9176%207.51036L11.641%2010.7878Z%22%20fill%3D%22black%22%20stroke%3D%22black%22%20stroke-width%3D%220.2%22%2F%3E%3C%2Fsvg%3E");
}

/* main content (form) */
.flex_layout.account .pk-account__wrap .pk-content {
    max-width: 696px;
    width: 100%;
}

.flex_layout.account .pk-account__wrap .pk-account__form {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.flex_layout.account .pk-account__form .pk-form__heading p {
    margin-top: 16px;
}

.flex_layout.account .pk-account__form .pk-form__row {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.flex_layout.account .pk-account__form .pk-form__col {
    margin: 0;
}

.flex_layout.account .pk-account__form .pk-hide__label {
    display: none;
}

.flex_layout.account .pk-account__form .pk-row__title {
    margin-bottom: 18px;
}

.flex_layout.account .pk-account__form .pk-form__col input {
    padding: 10px 16px;
    border: 1px solid rgba(7, 36, 69, 0.35);
    border-radius: 5px;
    background: transparent;
}

.flex_layout.account .pk-shipping__col,
.flex_layout.account .pk-billing__col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.flex_layout.account .pk-shipping__col span.woocommerce-input-wrapper input,
.flex_layout.account .pk-billing__col span.woocommerce-input-wrapper input {
    height: 100%;
    padding: 10px 16px;
    border: 1px solid rgba(7, 36, 69, 0.35);
    border-radius: 5px;
    background: transparent;
}

.flex_layout.account button.woocommerce-Button {
    color: var(--white);
    padding: 12px 16px;
    background: var(--midnight);
    transition: all 0.3s ease-in-out;
}

/* login scherm */
body:has(.pk-content.pk-login__wrap) .flex_layout.account {
    max-width: 100%;
}

body:has(.pk-content.pk-login__wrap) .fl-page > header,
body:has(.pk-content.pk-login__wrap) .fl-page > footer {
    display: none !important;
}

body:has(.pk-content.pk-login__wrap) {
    overflow: hidden;
}

.flex_layout.account .pk-account__login {
    height: 95vh;
    padding: 34px;
    margin-top: 20px;
    margin-bottom: 14px;
}

body:has(.pk-content.pk-login__wrap) .pk-account__login .pk-container,
body:has(.pk-content.pk-login__wrap) .pk-account__login .pk-row {
    align-items: center;
    height: 100%;
}

.flex_layout.account .pk-account__wrap .pk-login__wrap {
    max-width: 560px;
    margin: 0 auto;
    padding: 80px 40px;
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, 0.05);
}

.flex_layout.account .pk-login__wrap .pk-logo {
    max-width: fit-content;
    margin: 0 auto;
    margin-bottom: 24px;
}

.pk-account__login .pk-login__wrap h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 24px;
	display: none;
}
.pk-account__login .pk-login__wrap .pk-link-wrap a{
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.pk-account__login .pk-login__wrap .pk-link-wrap a::before {
    content: "\f46b";
    font-family: "Material Symbols Outlined";
    font-weight: 300;
    font-size: 21px;
    color: var(--midnight);
}


body:has(.pk-content.pk-login__wrap) .pk-account__login form.login {
    border: unset;
}

.flex_layout.account .pk-account__login form.login .woocommerce-form-row {
    margin-bottom: 15px;
}

.flex_layout.account .pk-content.pk-login__wrap .form-row {
    position: relative;
}

.flex_layout.account .pk-content.pk-login__wrap label {
    font-size: 15px;
    color: rgba(7, 36, 69, 0.5);
    margin: 0;
    position: absolute;
    left: 1rem;
    top: 0.8rem;
    transition: all 0.2s ease;
    background: var(--white);
}

.flex_layout.account .pk-content.pk-login__wrap label.is-active {
    font-size: 15px;
    top: 0;
    translate: 0% -50%;
}

.flex_layout.account
    .pk-content.pk-login__wrap
    .woocommerce-form__label-for-checkbox {
    position: static;
    margin: 0;
    translate: unset;
    background: none;
}
.flex_layout.account .pk-account__login form.login input {
    font-size: 16px;
    height: auto;
    padding: 14px 16px;
    border: 1px solid rgba(7, 36, 69, 0.35);
    background: var(--white);
}

/* login button */
.flex_layout.account .pk-account__login .woocommerce-form-login__submit {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: var(--white);
    line-height: 1.5;
    margin-top: 24px;
    margin-bottom: 20px;
    padding: 12px 16px;
    border-radius: 8px;
    background: var(--midnight);
    transition: opacity 0.5s ease-in-out;
    overflow: hidden;
}

.flex_layout.account .pk-account__login .woocommerce-form-login__submit:hover {
    opacity: 0.8;
    color: var(--white);
    background: var(--midnight);
}

/* wachtwoordvergeten */
.flex_layout.account .pk-account__login .woocommerce-LostPassword a {
    text-decoration: underline;
    transition: opacity 0.5s ease-in-out;
}

.flex_layout.account .pk-account__login .woocommerce-LostPassword a:hover {
    opacity: 0.8;
}
@media screen and (max-width: 767px) {
    .flex_layout.account .fl-page-content {
        padding: 0 16px;
    }

    .flex_layout.account .pk-account__wrap {
        padding-top: 24px;
        padding-bottom: 36px;
        border-radius: 14px;
    }

    .flex_layout.account .pk-sidebar nav ul li a {
        min-height: 44px;
        padding-left: 18px;
    }

    .flex_layout.account .pk-sidebar nav ul li a::after {
        width: 30px;
        height: 30px;
    }

    .flex_layout.account .pk-account__login {
        height: auto;
        min-height: 100dvh;
        padding: 20px 0;
    }

    .flex_layout.account .pk-login__wrap .pk-logo {
        max-width: 180px;
    }

    .flex_layout.account .pk-login__wrap {
        max-width: 100%;
        padding: 24px 16px;
        border-radius: 14px;
    }

    .flex_layout.account .pk-account__login form.login input {
        min-height: 44px;
        padding: 10px 14px;
    }

    /* login button */
    .flex_layout.account .pk-account__login .woocommerce-form-login__submit {
		line-height: normal;
        margin-top: 16px;
        min-height: 44px;
        padding: 10px 14px;

    }
}