/* Saasveld · woocommerce/account — order-received, mijn account */

/* ---------- Order-received (bevestiging) ---------- */
.woocommerce-order .woocommerce-thankyou-order-received{font-family:var(--wp--preset--font-family--display);font-size:1.6rem;color:var(--wp--preset--color--success)}
.woocommerce-order .woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:1rem;margin:1rem 0;background:var(--wp--preset--color--surface-muted);border-radius:var(--wp--custom--radius--card)}

/* FAK afhaal-/bezorgdetails op de bevestiging */
.saasveld-oddt-summary{margin:1.5rem 0;padding:1rem 1.25rem;border:1px solid var(--wp--preset--color--line);border-left:4px solid var(--wp--preset--color--primary);border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface)}
.saasveld-oddt-summary__title{margin:0 0 .5rem;font-family:var(--wp--preset--font-family--display)}
.saasveld-oddt-summary__list{list-style:none;margin:0 0 .75rem;padding:0}
.saasveld-oddt-summary__list li{padding:.15rem 0}
.saasveld-oddt-summary__cal{display:inline-block}
/* ---------- Mijn account ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--pill);padding:.45rem .9rem;text-decoration:none;color:var(--wp--preset--color--ink);font-weight:600;font-size:.92rem}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{border-color:var(--wp--preset--color--primary)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--wp--preset--color--primary);color:#fff;border-color:var(--wp--preset--color--primary)}
.woocommerce-account form.login,.woocommerce-account form.register{border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--card);padding:1.5rem;background:var(--wp--preset--color--surface)}
/* Inloggen | Registreren naast elkaar (WooCommerce col2-set) */
.woocommerce-account .u-columns.col2-set{margin:0}
@media (min-width:768px){
	.woocommerce-account #customer_login.u-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
	.woocommerce-account .u-columns .u-column1,.woocommerce-account .u-columns .u-column2{width:auto;float:none;margin:0}
}
.woocommerce-account .u-columns h2{margin:0 0 1rem;font-size:1.4rem}
.woocommerce-account form.login p,.woocommerce-account form.register p{margin:0 0 1rem}
.woocommerce-account form.login .button,.woocommerce-account form.register .button{width:100%;padding:.85rem 1rem;font-weight:700}
.woocommerce-account .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:.4rem;font-size:.9rem}
.woocommerce-account .lost_password{margin:.75rem 0 0;font-size:.9rem}
/* Wachtwoord-veld met reveal-toggle (WC voegt .password-input + .show-password-input toe) */
.woocommerce form .password-input,.woocommerce-password-strength ~ .password-input{position:relative;display:block}
.woocommerce form .password-input input{width:100%}
.woocommerce form .show-password-input{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);display:block;width:1.4rem;height:1.4rem;cursor:pointer;background:transparent}
.woocommerce form .show-password-input::after{content:"👁";font-size:1rem;line-height:1}
.woocommerce form .show-password-input.display-password::after{opacity:.5}
/* Ingelogd dashboard: navigatie als zijbalk (links) + inhoud (rechts) */
@media (min-width:900px){
	.woocommerce-account.logged-in .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2.5rem;align-items:start}
	.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper{grid-column:1 / -1}
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{grid-column:1;margin:0}
	.woocommerce-account.logged-in .woocommerce-MyAccount-content{grid-column:2;min-width:0}
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul{flex-direction:column;flex-wrap:nowrap;gap:.3rem;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--card);padding:.6rem;margin:0}
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a{border:0;border-radius:var(--wp--custom--radius--button)}
}
/* Orders-tabel netjes */
.woocommerce-account .woocommerce-orders-table,.woocommerce-account table.shop_table{width:100%;border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--card);border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce-account table.shop_table th{background:var(--wp--preset--color--surface-muted);text-align:left;padding:.85rem 1rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--wp--preset--color--muted)}
.woocommerce-account table.shop_table td{padding:.85rem 1rem;border-top:1px solid var(--wp--preset--color--line);vertical-align:middle}
.woocommerce-account .woocommerce-orders-table__cell-order-actions{text-align:right}
/* Adres-blokken 2-koloms */
.woocommerce-account .woocommerce-Addresses{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media (min-width:640px){ .woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr 1fr} }
.woocommerce-account .woocommerce-Address{border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--card);padding:1.25rem;background:var(--wp--preset--color--surface)}
.woocommerce-account .woocommerce-Address address{font-style:normal;line-height:1.7}