/* Start custom CSS *//* Mijn account (pagina 13): layout, navigatie, formulieren en tabellen in DeMa-stijl */
body.woocommerce-account .site-main{max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}
body.woocommerce-account .page-header{max-width:none;padding:0;margin:40px 0 32px}
body.woocommerce-account .page-header .entry-title{font-family:Poppins,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1;margin:0;position:relative;padding-bottom:16px}
body.woocommerce-account .page-header .entry-title:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;background:#DD0835}
body.woocommerce-account .page-content{max-width:none;padding:0;margin:0 0 64px}
body.woocommerce-account .page-content .woocommerce{font-family:Poppins,sans-serif;color:#181818}
body.woocommerce-account .woocommerce *{box-sizing:border-box}

/* ingelogd: navigatie links, inhoud rechts */
body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation){display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper{grid-column:1/-1}
body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation):before,body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation):after{display:none}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;min-width:0;margin:0}
body.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:8px;background:#f9f9f9;border:1px solid #e8e8e8}
body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;padding:0}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;border-left:3px solid transparent;color:#181818;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:before{content:"";flex:0 0 20px;height:20px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;opacity:.75}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#fff;color:#DD0835}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#fff;border-left-color:#DD0835;color:#DD0835;font-weight:600}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:before{opacity:1}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible{outline:3px solid #ffbf47;outline-offset:-3px}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads{display:none}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{margin-top:8px;padding-top:8px;border-top:1px solid #e8e8e8}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{color:#666;font-size:14px}
.woocommerce-MyAccount-navigation-link--dashboard{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9'/%3E%3Crect x='14' y='3' width='7' height='5'/%3E%3Crect x='14' y='12' width='7' height='9'/%3E%3Crect x='3' y='16' width='7' height='5'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--orders{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-address{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-account{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--customer-logout{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--downloads,.woocommerce-MyAccount-navigation-link--payment-methods{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}

/* inhoud */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content > p{font-size:15px;font-weight:400;line-height:1.6;color:#555;margin:0 0 16px}
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation-link--dashboard.is-active) .woocommerce-MyAccount-content > p:first-of-type{font-size:18px;font-weight:600;color:#181818;margin-bottom:0}
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation-link--dashboard.is-active) .woocommerce-MyAccount-content > p:first-of-type a{font-size:14px;font-weight:500}
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation-link--dashboard.is-active) .woocommerce-MyAccount-content > p:nth-of-type(2){display:none}
body.woocommerce-account .woocommerce-MyAccount-content:has(> .zk-dash) > p:first-of-type{display:none}
body.woocommerce-account .woocommerce-MyAccount-content:has(> .zk-dash) > .zk-dash{margin-top:0}
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child{margin-top:0}
body.woocommerce-account .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error,
body.woocommerce-account .woocommerce .wc-block-components-notice-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 16px;padding:16px 20px;background:#f9f9f9;border:1px solid #e8e8e8;border-left:4px solid #181818;border-radius:0;color:#181818;font-size:15px;line-height:1.5;list-style:none}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message:before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error:before,
body.woocommerce-account .woocommerce .wc-block-components-notice-banner > svg{display:none}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce .wc-block-components-notice-banner.is-success{border-left-color:#1a7f37}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error,
body.woocommerce-account .woocommerce .wc-block-components-notice-banner.is-error{border-left-color:#DD0835}
body.woocommerce-account .woocommerce .wc-block-components-notice-banner__content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;flex:1 1 auto;min-width:0}
body.woocommerce-account .woocommerce .wc-block-components-notice-banner .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button{order:2;float:none;margin:0;min-height:44px;font-size:14px;white-space:nowrap}
body.woocommerce-account .woocommerce-EditAccountForm fieldset{margin:8px 0 24px;padding:24px;border:1px solid #e8e8e8}
body.woocommerce-account .woocommerce-EditAccountForm legend{padding:0 8px;font-size:16px;font-weight:600}
body.woocommerce-account .woocommerce form .form-row em,
body.woocommerce-account .woocommerce form .form-row span em{display:block;margin-top:6px;font-size:13px;font-style:normal;color:#666}
body.woocommerce-account .woocommerce-MyAccount-content a{color:#DD0835}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3{font-family:Poppins,sans-serif;font-weight:600}

/* knoppen en velden (ook inlog/registratie) */
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:0;background:#DD0835;color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s}
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce button[type=submit]:hover{background:#b8062b;color:#fff}
body.woocommerce-account .woocommerce .button:focus-visible,
body.woocommerce-account .woocommerce button[type=submit]:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
body.woocommerce-account .woocommerce form .form-row{margin:0 0 16px;padding:0}
body.woocommerce-account .woocommerce form .form-row label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}
body.woocommerce-account .woocommerce form .input-text,
body.woocommerce-account .woocommerce form select{width:100%;min-height:48px;padding:0 14px;border:1px solid #cfcfcf;border-radius:0;background:#fff;font-size:16px;transition:border-color .2s}
body.woocommerce-account .woocommerce form .input-text:focus{border-color:#181818;outline:2px solid #181818;outline-offset:0}
body.woocommerce-account .woocommerce .required{color:#DD0835;text-decoration:none}

/* uitgelogd: inloggen en account aanvragen als twee kaarten */
body.woocommerce-account #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
body.woocommerce-account #customer_login:before,body.woocommerce-account #customer_login:after{display:none}
body.woocommerce-account #customer_login > div{float:none;width:auto;background:#fff;border:1px solid #e8e8e8;padding:32px}
body.woocommerce-account #customer_login > .u-column2{border-top:4px solid #DD0835}
body.woocommerce-account #customer_login h2{font-size:24px;font-weight:700;margin:0 0 24px}
body.woocommerce-account #customer_login form.login,body.woocommerce-account #customer_login form.register{border:0;padding:0;margin:0}
body.woocommerce-account #customer_login .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 16px}
body.woocommerce-account #customer_login .woocommerce-form-login .button{width:100%}
body.woocommerce-account #customer_login .woocommerce-form-register .button{width:100%}
body.woocommerce-account #customer_login .lost_password{margin:16px 0 0;font-size:14px}
body.woocommerce-account #customer_login .woocommerce-privacy-policy-text p{font-size:13px;color:#666;line-height:1.5}

/* bestellingen en adressen */
body.woocommerce-account .woocommerce table.shop_table{width:100%;border-collapse:collapse;border:1px solid #e8e8e8;border-radius:0;font-size:15px}
body.woocommerce-account .woocommerce table.shop_table th{background:#f9f9f9;font-weight:600;text-align:left;padding:12px 16px}
body.woocommerce-account .woocommerce table.shop_table td{padding:12px 16px;border-top:1px solid #e8e8e8}
body.woocommerce-account .woocommerce table.shop_table .button{min-height:40px;padding:0 16px;font-size:14px;margin:2px 4px 2px 0}
body.woocommerce-account .woocommerce .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:16px}
body.woocommerce-account .woocommerce .woocommerce-Addresses:before,body.woocommerce-account .woocommerce .woocommerce-Addresses:after{display:none}
body.woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address{float:none;width:auto;max-width:none;margin:0;border:1px solid #e8e8e8;padding:24px}
body.woocommerce-account .woocommerce .woocommerce-Address-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #e8e8e8}
body.woocommerce-account .woocommerce .woocommerce-Address-title:before,body.woocommerce-account .woocommerce .woocommerce-Address-title:after{display:none}
body.woocommerce-account .woocommerce .woocommerce-Address-title h2,body.woocommerce-account .woocommerce .woocommerce-Address-title h3{font-size:16px;font-weight:700;margin:0;padding:0}
body.woocommerce-account .woocommerce .woocommerce-Address-title .edit{float:none;margin:0;font-size:14px;font-weight:600;white-space:nowrap}
body.woocommerce-account .woocommerce-Address address{font-style:normal;line-height:1.6;color:#555}

@media (max-width:900px){
 body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation){grid-template-columns:minmax(0,1fr);gap:24px}
 body.woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;background:none;border:0}
 body.woocommerce-account .woocommerce-MyAccount-navigation li{min-width:0}
 body.woocommerce-account .woocommerce-MyAccount-navigation li a{min-height:48px;padding:0 12px;gap:10px;border:1px solid #e8e8e8;background:#f9f9f9;font-size:14px;line-height:1.2}
 body.woocommerce-account .woocommerce-MyAccount-navigation li a:before{flex-basis:18px;height:18px}
 body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#DD0835;border-color:#DD0835;color:#fff}
 body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{grid-column:1/-1;margin:0;padding:0;border:0}
}
@media (max-width:767px){
 body.woocommerce-account .page-header{margin:24px 0 24px}
 body.woocommerce-account #customer_login{grid-template-columns:minmax(0,1fr);gap:24px}
 body.woocommerce-account #customer_login > div{padding:24px}
 body.woocommerce-account #customer_login .form-row-first,body.woocommerce-account #customer_login .form-row-last{float:none;width:100%}
 body.woocommerce-account .woocommerce .woocommerce-Addresses{grid-template-columns:minmax(0,1fr);gap:16px}
 body.woocommerce-account .woocommerce-EditAccountForm fieldset{padding:16px}
}
@media (prefers-reduced-motion:reduce){body.woocommerce-account .woocommerce *{transition:none!important}}/* End custom CSS */