/* Snelbanden – Mijn account */
body.sba{--sba-ink:#101828;--sba-mid:#203658;--sba-grey:#5b6b84;--sba-mute:#8592a6;--sba-line:#e5e9ef;--sba-soft:#f7f8fa;--sba-blue:#1e5aff;--sba-yellow:#ffee5a;--sba-red:#e11d2e;--sba-green:#16a34a}
body.sba .woocommerce{font-family:"Inter Variable","Inter",system-ui,sans-serif;color:var(--sba-mid);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.sba .woocommerce *,body.sba .woocommerce *::before,body.sba .woocommerce *::after{box-sizing:border-box}
body.sba .woocommerce a{color:var(--sba-blue);text-decoration:none}
body.sba .woocommerce a:hover{text-decoration:underline}
body.sba .woocommerce h1,body.sba .woocommerce h2{font-family:inherit;letter-spacing:-.02em;color:var(--sba-ink);margin:0}
body.sba .woocommerce svg{flex-shrink:0}
body.sba .woocommerce :focus-visible{outline:2px solid var(--sba-blue);outline-offset:2px}
.sba [hidden]{display:none!important}
.sba .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ---------- indeling: menu links, inhoud rechts ---------- */
body.sba-in .woocommerce{display:grid!important;grid-template-columns:270px minmax(0,1fr);min-width:0;gap:28px;align-items:start;max-width:1320px;margin:0 auto}
body.sba-in .woocommerce::before,body.sba-in .woocommerce::after{display:none!important}
body.sba-in .woocommerce-MyAccount-navigation,body.sba-in .woocommerce-MyAccount-content{float:none!important;width:auto!important;margin:0!important;padding:0!important}
body.sba-in .woocommerce-MyAccount-content{min-width:0}
body.sba-in .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}

.sba-nav{position:sticky;top:20px;background:var(--sba-soft);border:1px solid #dfe4eb;border-radius:18px;padding:14px;box-shadow:0 12px 32px -24px #10182840}
.sba-me{display:flex;align-items:center;gap:12px;padding:6px 6px 14px;border-bottom:1px solid #e3e8ee;margin-bottom:8px;min-width:0}
.sba-me>div{min-width:0}
.sba-me b{display:block;color:var(--sba-ink);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sba-me small{display:block;color:var(--sba-mute);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sba-nav ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:2px}
.sba-nav li{margin:0!important;padding:0!important;list-style:none!important;border:0!important}
.sba-nav li a{display:flex!important;align-items:center;gap:11px;padding:11px 12px!important;border-radius:11px;color:var(--sba-mid)!important;font-weight:600;font-size:14px;text-decoration:none!important;transition:background .15s}
.sba-nav li a:hover{background:#eceff3}
.sba-nav li a svg{color:var(--sba-grey)}
.sba-nav li.is-active a{background:#fff;color:var(--sba-ink)!important;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.sba-nav li.is-active a svg{color:var(--sba-ink)}
.sba-nav li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:6px!important;padding-top:6px!important;border-top:1px solid #e3e8ee!important}
.sba-nav li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--sba-grey)!important}
.sba-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--sba-red);color:#fff;font-size:11px;font-weight:800;font-style:normal;display:grid;place-items:center}
.sba-help{display:flex;gap:10px;align-items:center;margin-top:12px;padding:12px;border-radius:12px;background:var(--sba-ink);color:#fff!important;text-decoration:none!important}
.sba-help svg{color:var(--sba-yellow)}
.sba-help b{display:block;font-size:13px}
.sba-help small{display:block;font-size:11.5px;color:#c9d3e3}

/* ---------- avatar ---------- */
.sba-av{border-radius:50%;background:var(--sba-ink);color:var(--sba-yellow);display:inline-grid;place-items:center;font-weight:800;overflow:hidden;flex-shrink:0;letter-spacing:.02em}
.sba-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important;margin:0!important}

/* ---------- basis-bouwstenen ---------- */
.sba-page{display:flex;flex-direction:column;gap:18px;min-width:0}
.sba-head h1,.sba-hero h1{font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:800}
.sba-head p,.sba-hero p{color:var(--sba-grey);margin:6px 0 0}
.sba-head.row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.sba-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#101828 0%,#203658 100%);border-radius:20px;padding:24px 26px;color:#fff}
body.sba .woocommerce .sba-hero h1{color:#fff}
.sba-hero p{color:#c9d3e3}
.sba-hero .sba-av{box-shadow:0 0 0 3px rgba(255,238,90,.9)}
.sba-card{background:#fff;border:1px solid #e3e8ee;border-radius:18px;padding:20px 22px;min-width:0}
.sba-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.sba-card-h h2{font-size:17px;font-weight:800}
.sba-card-h a{font-size:13px;font-weight:700}
.sba-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sba-mute{color:var(--sba-grey);font-size:14px}
.sba-back{font-size:13px;font-weight:700;color:var(--sba-grey)!important}

.sba-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 18px;border-radius:11px;background:var(--sba-yellow);color:var(--sba-ink)!important;font-family:inherit;font-size:14px;font-weight:800;line-height:1;border:1px solid transparent;cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s;white-space:nowrap}
.sba-btn:hover{background:#ffe52e}
.sba-btn.ghost{background:#fff;border-color:#d6dde6;color:var(--sba-ink)!important;font-weight:700}
.sba-btn.ghost:hover{border-color:var(--sba-ink);background:#fff}
.sba-btn.sm{height:36px;padding:0 13px;font-size:13px;border-radius:9px}
.sba-btn svg{width:17px;height:17px}
.sba-btn[disabled]{opacity:.5;cursor:not-allowed}
.sba-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sba-actions.bar{margin-top:0}
.sba-link{background:none;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:700;color:var(--sba-blue);cursor:pointer}
.sba-link.danger{color:var(--sba-red)}
.sba-x{width:34px;height:34px;border-radius:50%;border:0;background:var(--sba-soft);font-size:20px;line-height:1;cursor:pointer;color:var(--sba-ink)}

.sba-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.sba-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.sba-pill.good{background:#dcfce7;color:#166534}
.sba-pill.blue{background:#e0eaff;color:#1e40af}
.sba-pill.warn{background:#fff4d6;color:#8a5a00}
.sba-pill.bad{background:#fde2e2;color:#9f1220}
.sba-pill.mute{background:#eef1f5;color:#5b6b84}

.sba-alert{display:flex;align-items:center;gap:14px;border-radius:16px;padding:16px 18px;border:1px solid}
.sba-alert>svg{width:24px;height:24px}
.sba-alert>div{flex:1;min-width:0}
.sba-alert b{display:block;color:var(--sba-ink)}
.sba-alert>div>span{display:block;font-size:13.5px;color:var(--sba-grey)}
.sba-alert.warn{background:#fffbeb;border-color:#fde68a}
.sba-alert.warn>svg{color:#b45309}
.sba-alert.info{background:#eff6ff;border-color:#bfdbfe}
.sba-alert.info>svg{color:#1d4ed8}
.sba-alert.good{background:#f0fdf4;border-color:#bbf7d0}
.sba-alert.good>svg{color:#15803d}
.sba-alert.bad{background:#fef2f2;border-color:#fecaca}
.sba-alert.bad>svg{color:#b91c1c}
.sba-alert.slim{padding:12px 14px;margin:0 0 12px}

.sba-empty{text-align:center;padding:40px 24px;border:1px dashed #cfd7e2;border-radius:18px;background:#fff}
.sba-empty.slim{padding:24px 16px;border:0}
.sba-empty b{display:block;font-size:17px;color:var(--sba-ink)}
.sba-empty p{color:var(--sba-grey);margin:6px 0 16px}

/* ---------- overzicht ---------- */
.sba-order-mini{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;background:var(--sba-soft);text-decoration:none!important;color:inherit!important}
.sba-om-t{flex:1;min-width:0}
.sba-om-t b,.sba-order-t b{display:block;color:var(--sba-ink)}
.sba-om-t small,.sba-order-t small{display:block;color:var(--sba-grey);font-size:12.5px}
.sba-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sba-quick a{display:block;padding:14px;border-radius:14px;border:1px solid #e3e8ee;text-decoration:none!important;color:inherit!important;transition:border-color .15s,box-shadow .15s}
.sba-quick a:hover{border-color:#b9c4d2;box-shadow:0 10px 24px -20px #10182880}
.sba-quick i{width:36px;height:36px;border-radius:11px;background:var(--sba-soft);display:grid;place-items:center;color:var(--sba-ink);margin-bottom:8px}
.sba-quick b{display:block;color:var(--sba-ink);font-size:14px}
.sba-quick small{display:block;color:var(--sba-grey);font-size:12px}
.sba-addr{font-style:normal;line-height:1.6;color:var(--sba-mid)}

/* ---------- thumbnails ---------- */
.sba-thumbs{display:flex}
.sba-thumb{width:44px;height:44px;border-radius:10px;background:#fff;border:1px solid #e3e8ee;display:grid;place-items:center;overflow:hidden;margin-left:-8px;box-shadow:0 0 0 2px #fff}
.sba-thumbs .sba-thumb:first-child{margin-left:0}
.sba-thumb img{width:100%;height:100%;object-fit:contain;margin:0!important}
.sba-thumb.more{font-size:11px;font-weight:800;color:var(--sba-grey);background:var(--sba-soft)}
.sba-thumb.lg{width:64px;height:64px;margin:0;border-radius:12px}

/* ---------- tijdlijn ---------- */
.sba-steps{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.sba-steps li{position:relative;text-align:center;padding-top:28px!important;margin:0!important;font-size:12.5px;color:var(--sba-mute);list-style:none!important}
.sba-steps li::before{content:"";position:absolute;top:10px;left:-50%;right:50%;height:3px;background:#e3e8ee}
.sba-steps li:first-child::before{display:none}
.sba-steps li.done::before{background:var(--sba-green)}
.sba-steps li i{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:19px;height:19px;border-radius:50%;background:#fff;border:3px solid #d6dde6;z-index:1}
.sba-steps li.done i{background:var(--sba-green);border-color:var(--sba-green)}
.sba-steps li.done i::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sba-steps li.cur i{box-shadow:0 0 0 5px rgba(22,163,74,.18)}
.sba-steps li span{display:block;font-weight:700;color:var(--sba-grey)}
.sba-steps li.done span{color:var(--sba-ink)}
.sba-steps li small{display:block;font-size:11.5px}
.sba-steps.compact{margin-top:16px!important}
.sba-steps.compact li{font-size:11px}
.sba-updates{list-style:none!important;margin:18px 0 0!important;padding:14px 0 0!important;border-top:1px solid var(--sba-line);display:flex;flex-direction:column;gap:12px}
.sba-updates li{margin:0!important;padding:0 0 0 14px!important;border-left:3px solid var(--sba-yellow);font-size:14px;overflow-wrap:anywhere;word-break:break-word}
.sba-page .sba-card,.sba-addr,.sba-item-t{overflow-wrap:anywhere}
.sba-updates li small{color:var(--sba-mute);font-size:12px}
.sba-updates li p{margin:2px 0 0}
.sba-copy{cursor:pointer;border-bottom:1px dashed currentColor;color:var(--sba-ink)}

/* ---------- bestellingen ---------- */
.sba-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sba-tabs{display:flex;gap:4px;background:#eceff3;border-radius:12px;padding:4px;overflow-x:auto;max-width:100%}
.sba-tabs a{padding:8px 13px;border-radius:9px;font-size:13px;font-weight:700;color:var(--sba-grey)!important;white-space:nowrap;text-decoration:none!important}
.sba-tabs a.on{background:#fff;color:var(--sba-ink)!important;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.sba-search input{height:42px;width:260px;max-width:100%;border:1px solid #d6dde6!important;border-radius:11px!important;padding:0 14px!important;font:inherit;font-size:14px;background:#fff!important;box-shadow:none!important}
.sba-orders{display:flex;flex-direction:column;gap:10px}
.sba-order{background:#fff;border:1px solid #e3e8ee;border-radius:16px;overflow:hidden;transition:border-color .15s}
.sba-order:hover{border-color:#cfd7e2}
.sba-order-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 18px;text-decoration:none!important;color:inherit!important}
.sba-order-total{font-weight:800;color:var(--sba-ink);min-width:90px;text-align:right}
.sba-order-acts{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px;background:var(--sba-soft);border-top:1px solid #eef1f5}
.sba-pager{display:flex;gap:6px;justify-content:center}
.sba-pager a,.sba-pager span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid #d6dde6;border-radius:10px;font-weight:700;color:var(--sba-ink)!important;text-decoration:none!important;background:#fff}
.sba-pager .on{background:var(--sba-ink);color:#fff!important;border-color:var(--sba-ink)}

/* ---------- bestelling bekijken ---------- */
.sba-items{list-style:none!important;margin:0!important;padding:0!important}
.sba-items li{display:flex;align-items:center;gap:14px;padding:12px 0!important;margin:0!important;border-bottom:1px solid var(--sba-line)}
.sba-item-t{flex:1;min-width:0;font-weight:700;color:var(--sba-ink)}
.sba-item-t a{color:var(--sba-ink)!important}
.sba-item-t small{display:block;font-weight:500;color:var(--sba-grey);font-size:13px}
.sba-totals{width:100%;border-collapse:collapse;margin-top:10px;border:0!important}
.sba-totals th,.sba-totals td{padding:7px 0!important;border:0!important;background:transparent!important;font-size:14px}
.sba-totals th{text-align:left;font-weight:500;color:var(--sba-grey)}
.sba-totals td{text-align:right;color:var(--sba-ink);font-weight:600}
.sba-totals tr.total th,.sba-totals tr.total td{font-size:17px;font-weight:800;color:var(--sba-ink);border-top:1px solid var(--sba-line)!important;padding-top:12px!important}

/* ---------- formulieren ---------- */
.sba-form{display:flex;flex-direction:column;gap:14px}
.sba-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sba-field{display:flex;flex-direction:column;gap:6px;margin:0}
.sba-field>span:first-child{font-size:13px;font-weight:700;color:var(--sba-ink)}
.sba-field small{font-size:12px;color:var(--sba-mute)}
.sba-field input,.sba-field select,.sba-field textarea,.sba .woocommerce form .input-text,.sba .woocommerce form select{width:100%;min-height:46px;border:1px solid #d6dde6!important;border-radius:11px!important;padding:10px 14px!important;font:inherit;font-size:15px;color:var(--sba-ink);background:#fff!important;box-shadow:none!important}
.sba-field textarea{min-height:90px}
.sba-field input:focus,.sba-field select:focus,.sba-field textarea:focus,.sba .woocommerce form .input-text:focus{border-color:var(--sba-ink)!important;outline:none}
.sba-pw{position:relative;display:block}
.sba-pw input{padding-right:64px!important}
.sba-pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:34px;padding:0 10px;border:0;border-radius:8px;background:var(--sba-soft);font-family:inherit;font-size:12px;font-weight:700;color:var(--sba-grey);cursor:pointer}
.sba-meter{display:block;height:5px;border-radius:5px;background:#e3e8ee;overflow:hidden}
.sba-meter i{display:block;height:100%;width:0;background:var(--sba-red);transition:width .2s,background .2s}
.sba-avatar-form{display:flex;gap:18px;align-items:center}
.sba-avatar-form>div{flex:1;min-width:0}
.sba-avatar-form .sba-actions{margin-top:10px}
.sba-drop{display:block;border:2px dashed #cfd7e2;border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s}
.sba-drop:hover,.sba-drop.over{border-color:var(--sba-ink);background:var(--sba-soft)}
.sba-drop input{position:absolute;width:1px;height:1px;opacity:0}
.sba-drop b{display:block;color:var(--sba-ink)}
.sba-drop small{color:var(--sba-grey);font-size:12.5px}
.sba-inline{margin-top:10px}

/* ---------- tabel (facturen) ---------- */
.sba-table-card{padding:6px 8px}
.sba-table{width:100%;border-collapse:collapse;border:0!important;margin:0!important}
.sba-table th,.sba-table td{padding:13px 12px!important;border:0!important;border-bottom:1px solid var(--sba-line)!important;background:transparent!important;text-align:left;font-size:14px;vertical-align:middle}
.sba-table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--sba-mute);font-weight:700}
.sba-table tr:last-child td{border-bottom:0!important}
.sba-table .r{text-align:right}

/* ---------- WooCommerce-onderdelen in dezelfde stijl ---------- */
.sba .woocommerce-message,.sba .woocommerce-info,.sba .woocommerce-error{border:1px solid!important;border-radius:14px!important;padding:14px 18px!important;margin:0 0 18px!important;font-size:14px;list-style:none!important;background:#fff!important;color:var(--sba-ink)!important}
.sba .woocommerce-message{border-color:#bbf7d0!important;background:#f0fdf4!important}
.sba .woocommerce-info{border-color:#bfdbfe!important;background:#eff6ff!important}
.sba .woocommerce-error{border-color:#fecaca!important;background:#fef2f2!important}
.sba .woocommerce-message::before,.sba .woocommerce-info::before,.sba .woocommerce-error::before{display:none!important}
.sba .woocommerce .button,.sba .woocommerce button.button,.sba .woocommerce input.button{background:var(--sba-yellow)!important;color:var(--sba-ink)!important;border:0!important;border-radius:11px!important;padding:13px 20px!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1!important;text-transform:none!important;letter-spacing:normal!important}
.sba .woocommerce .button:hover{background:#ffe52e!important}
.sba .woocommerce form .form-row{padding:0!important;margin:0 0 14px!important}
.sba .woocommerce form .form-row label{font-size:13px;font-weight:700;color:var(--sba-ink);margin-bottom:6px;display:block}
.sba .woocommerce form .form-row .required{color:var(--sba-red)}
.sba .woocommerce-address-fields,.sba-in .woocommerce-MyAccount-content>form{background:#fff;border:1px solid #e3e8ee;border-radius:18px;padding:22px}
.sba .woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.sba .woocommerce-address-fields__field-wrapper .form-row-wide{grid-column:1/-1}
.sba .woocommerce-address-fields__field-wrapper .form-row{width:auto!important;float:none!important}
.sba-pc{grid-column:1/-1;display:grid;grid-template-columns:1fr 110px auto;gap:10px;align-items:end;background:var(--sba-soft);border-radius:14px;padding:14px;margin-bottom:16px}
.sba-pc b{grid-column:1/-1;font-size:13px;color:var(--sba-ink)}
.sba-pc input{min-height:44px!important}
.sba-pc small{grid-column:1/-1;font-size:12.5px;color:var(--sba-grey)}
.sba-pc small.err{color:var(--sba-red)}

/* inloggen / registreren (niet ingelogd) */
body.sba-out .woocommerce{max-width:980px;margin:0 auto}
body.sba-out .u-columns.col2-set{display:grid!important;grid-template-columns:1fr 1fr;gap:22px}
body.sba-out .u-columns.col2-set::before,body.sba-out .u-columns.col2-set::after{display:none!important}
body.sba-out .u-columns .u-column1,body.sba-out .u-columns .u-column2{float:none!important;width:auto!important;background:#fff;border:1px solid #e3e8ee;border-radius:18px;padding:24px}
body.sba-out .u-columns .u-column2{background:var(--sba-soft)}
body.sba-out .u-columns h2{font-size:20px;font-weight:800;margin-bottom:14px}
body.sba-out form.login,body.sba-out form.register{border:0!important;padding:0!important;margin:0!important}
body.sba-out .woocommerce-form-login__rememberme{display:flex!important;align-items:center;gap:8px;margin:0 0 14px}
body.sba-out .woocommerce-LostPassword{margin-top:10px}
.sba-benefits{list-style:none!important;margin:0 0 18px!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
.sba-benefits li{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:0!important}
.sba-benefits li::before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--sba-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}

/* ---------- tickets ---------- */
.sba-ticket-row{grid-template-columns:auto minmax(0,1fr) auto auto}
.sba-ticket-ic{width:44px;height:44px;border-radius:12px;background:var(--sba-soft);display:grid;place-items:center;color:var(--sba-ink)}
.sba-last{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sba-thread{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:16px}
.sba-thread li{display:flex;gap:10px;align-items:flex-start;margin:0!important;padding:0!important;max-width:88%}
.sba-thread li.me{flex-direction:row-reverse;margin-left:auto!important}
.sba-thread li.sys{max-width:none;justify-content:center}
.sba-thread li.sys span{font-size:12px;color:var(--sba-mute);background:var(--sba-soft);padding:4px 12px;border-radius:999px}
.sba-av.team{background:var(--sba-yellow);color:var(--sba-ink);font-size:12px}
.sba-bubble{background:var(--sba-soft);border:1px solid #e3e8ee;border-radius:4px 16px 16px 16px;padding:10px 14px;min-width:0}
.sba-thread li.me .sba-bubble{background:#101828;border-color:#101828;color:#e8edf5;border-radius:16px 4px 16px 16px}
.sba-thread li.me .sba-bubble a{color:#ffee5a}
.sba-bubble-h{display:flex;gap:10px;align-items:baseline;margin-bottom:2px}
.sba-bubble-h b{font-size:13px;color:var(--sba-ink)}
.sba-thread li.me .sba-bubble-h b{color:#fff}
.sba-bubble-h small{font-size:11.5px;color:var(--sba-mute)}
.sba-bubble p{margin:4px 0 0!important;font-size:14.5px;overflow-wrap:anywhere}
.sba-files{list-style:none!important;margin:10px 0 0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.sba-files li{margin:0!important;padding:0!important;list-style:none!important;max-width:none!important}
.sba-files a{display:block;width:104px;text-decoration:none!important;color:inherit!important}
.sba-files img,.sba-files .pdf{display:block;width:104px;height:78px;object-fit:cover;border-radius:10px;border:1px solid #e3e8ee;margin:0!important;background:#fff}
.sba-files .pdf{display:grid;place-items:center;font-weight:800;color:var(--sba-red)}
.sba-files a>span:last-child{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;opacity:.8}
.sba-file-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sba-file-list:empty{display:none}
.sba-file-list span{font-size:12px;background:#fff;border:1px solid #d6dde6;border-radius:999px;padding:3px 10px;color:var(--sba-ink)}
.sba-drop.req{border-color:#f59e0b;background:#fffbeb}
.sba-highlight{border:2px solid var(--sba-yellow);background:#fffdf0}
.sba-highlight p{margin:0 0 6px}

/* ---------- retouren ---------- */
.sba-how{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:how}
.sba-how li{margin:0!important;padding:14px 14px 14px 50px!important;position:relative;background:var(--sba-soft);border-radius:14px;counter-increment:how;list-style:none!important}
.sba-how li::before{content:counter(how);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--sba-ink);color:var(--sba-yellow);font-weight:800;font-size:13px;display:grid;place-items:center}
.sba-how b{display:block;font-size:14px;color:var(--sba-ink)}
.sba-how span{display:block;font-size:12.5px;color:var(--sba-grey)}
.sba-pick li{gap:14px}
.sba-qty select{min-height:42px;border:1px solid #d6dde6!important;border-radius:10px!important;padding:0 12px!important;font:inherit;font-weight:700;background:#fff!important;color:var(--sba-ink)}
.sba-pick li.on{background:linear-gradient(90deg,#fffbeb,transparent);border-radius:12px}
.sba-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer;background:var(--sba-soft);border-radius:12px;padding:12px 14px}
.sba-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--sba-ink);flex-shrink:0}
.sba-steps.four{grid-template-columns:repeat(4,1fr)}
.sba-mini-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
.sba-mini-list li{margin:0!important;padding:0!important;list-style:none!important}
.sba-mini-list a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--sba-soft);text-decoration:none!important;color:inherit!important}
.sba-mini-list a .sba-mute{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.sba-mini-list.plain li{font-size:14.5px;color:var(--sba-ink)}
.sba-table tr.sba-credit td{background:#fafbfc!important}
.sba-table td small{display:block;font-size:11px;color:var(--sba-mute);font-weight:500}

/* ---------- tegoed ---------- */
.sba-wallet-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#101828 0%,#203658 100%);color:#fff;border-radius:20px;padding:24px 26px}
.sba-wallet-hero small{display:block;color:#c9d3e3;font-size:13px}
.sba-wallet-hero strong{display:block;font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#fff}
.sba-wallet-hero strong .amount,.sba-wallet-hero strong bdi{color:#fff}
.sba-switch label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:600;color:#fff}
.sba-switch input{position:absolute;opacity:0;width:1px;height:1px}
.sba-toggle{width:44px;height:26px;border-radius:999px;background:rgba(255,255,255,.25);position:relative;flex-shrink:0;transition:background .15s}
.sba-toggle::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
.sba-switch input:checked+.sba-toggle{background:var(--sba-green)}
.sba-switch input:checked+.sba-toggle::after{transform:translateX(18px)}
.sba-switch input:focus-visible+.sba-toggle{outline:2px solid var(--sba-yellow);outline-offset:2px}
.sba-amounts{display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;gap:8px}
.sba-amounts label{margin:0;cursor:pointer}
.sba-amounts input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.sba-amounts label>span{display:grid;place-items:center;height:52px;border:2px solid #d6dde6;border-radius:12px;font-weight:800;font-size:17px;color:var(--sba-ink);background:#fff;transition:border-color .15s,background .15s}
.sba-amounts input:checked+span{border-color:var(--sba-ink);background:#fffbe0}
.sba-amounts input:focus-visible+span{outline:2px solid var(--sba-blue);outline-offset:2px}
.sba-amounts .own input{width:100%;height:52px;border:2px solid #d6dde6!important;border-radius:12px!important;padding:0 12px!important;font:inherit;font-weight:700;font-size:16px;background:#fff!important;box-shadow:none!important}
.sba-amt{font-weight:800;white-space:nowrap}
.sba-amt.plus{color:#15803d}
.sba-amt.min{color:var(--sba-ink)}
.sba-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sba-choice label{display:flex;gap:10px;align-items:flex-start;border:2px solid #d6dde6;border-radius:14px;padding:12px 14px;cursor:pointer;margin:0}
.sba-choice label:has(input:checked){border-color:var(--sba-ink);background:#fffbe0}
.sba-choice input{margin:3px 0 0;accent-color:var(--sba-ink)}
.sba-choice b{display:block;color:var(--sba-ink);font-size:14px}
.sba-choice small{display:block;color:var(--sba-grey);font-size:12.5px}

/* ---------- bandenpunten ---------- */
.sba-points-how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.sba-points-how div{background:var(--sba-soft);border-radius:12px;padding:12px 14px}
.sba-points-how b{display:block;color:var(--sba-ink);font-size:15px}
.sba-points-how span{display:block;color:var(--sba-grey);font-size:12.5px}
.sba-points .sba-mini-list a>b{color:#15803d;min-width:48px}
@media(max-width:720px){.sba-points-how{grid-template-columns:1fr}}

/* ---------- verlanglijst ---------- */
.sba-wish{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.sba-wish-card{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e3e8ee;border-radius:16px;padding:14px;transition:opacity .2s,transform .2s}
.sba-wish-card.gone{opacity:0;transform:scale(.96)}
.sba-wish-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:0;background:var(--sba-soft);font-size:18px;line-height:1;cursor:pointer;color:var(--sba-grey);z-index:1}
.sba-wish-x:hover{background:#fde2e2;color:var(--sba-red)}
.sba-wish-img{display:grid;place-items:center;height:140px;border-radius:12px;background:radial-gradient(ellipse at center,#fff 45%,#f4f5f7 100%)}
.sba-wish-img img{max-height:120px;width:auto;object-fit:contain;margin:0!important}
.sba-wish-t{font-weight:700;color:var(--sba-ink)!important;font-size:14px;line-height:1.35;min-height:38px}
.sba-wish-p{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.sba-wish-p b{font-size:19px;color:var(--sba-ink)}
.sba-wish-p s{font-size:12px;color:var(--sba-mute)}
.sba-wish-p small{font-size:11.5px;color:var(--sba-grey)}
.sba-wish-s{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}
.sba-wish-s::before{content:"";width:7px;height:7px;border-radius:50%}
.sba-wish-s.in{color:#15803d}.sba-wish-s.in::before{background:var(--sba-green)}
.sba-wish-s.out{color:var(--sba-red)}.sba-wish-s.out::before{background:var(--sba-red)}
.sba-wish-card .sba-btn{margin-top:auto}

/* ---------- bandenmaten ---------- */
.sba-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sba-size{background:#fff;border:1px solid #e3e8ee;border-radius:16px;padding:16px}
.sba-size-t{display:flex;gap:12px;align-items:center}
.sba-size-ic{width:44px;height:44px;border-radius:12px;background:var(--sba-ink);color:var(--sba-yellow);display:grid;place-items:center}
.sba-size-t b{display:block;font-size:20px;color:var(--sba-ink);letter-spacing:-.01em}
.sba-size-t small{display:block;color:var(--sba-grey);font-size:12.5px}
.sba-size .sba-actions{margin-top:12px}
.sba-sugg{display:flex;flex-wrap:wrap;gap:8px}
.sba-sugg form{display:flex;align-items:center;gap:10px;background:var(--sba-soft);border-radius:12px;padding:6px 6px 6px 14px;margin:0}
.sba-sugg b{color:var(--sba-ink)}
.sba-row.three{grid-template-columns:repeat(3,1fr)}
.sba-btn.danger{color:var(--sba-red)!important;border-color:#fecaca}
.sba-btn.danger:hover{border-color:var(--sba-red)}

/* ---------- mobiel ---------- */
@media(max-width:1000px){
	body.sba-in .woocommerce{grid-template-columns:minmax(0,1fr);gap:16px}
	.sba-nav,.sba-page{min-width:0;max-width:100%}
	.sba-nav{position:static;padding:10px}
	.sba-me{display:none}
	.sba-nav ul{flex-direction:row;overflow-x:auto;gap:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.sba-nav ul::-webkit-scrollbar{display:none}
	.sba-nav li a{white-space:nowrap;padding:9px 12px!important}
	.sba-nav li.woocommerce-MyAccount-navigation-link--customer-logout{margin:0!important;padding:0!important;border:0!important}
	.sba-help{display:none}
}
@media(max-width:720px){
	.sba-grid-2,.sba-row,body.sba-out .u-columns.col2-set,.sba .woocommerce-address-fields__field-wrapper{grid-template-columns:1fr}
	.sba-hero{padding:18px;gap:14px}
	.sba-alert{flex-wrap:wrap}
	.sba-alert>.sba-btn{width:100%}
	.sba-actions.bar .sba-btn{flex:1 1 auto}
	.sba-card{padding:16px}
	.sba-order-main{grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px;padding:14px}
	.sba-order-main .sba-pill{grid-column:2/-1;grid-row:2;justify-self:start}
	.sba-order-total{grid-column:3;grid-row:1;min-width:0}
	.sba-steps{grid-template-columns:1fr;gap:0}
	.sba-steps li{text-align:left;padding:0 0 16px 32px!important}
	.sba-steps li::before{left:8px;right:auto;top:-16px;width:3px;height:calc(100% - 3px)}
	.sba-steps li i{left:0;transform:none;top:0}
	.sba-steps.compact{grid-template-columns:repeat(5,1fr)}
	.sba-steps.compact li{padding:26px 0 0!important;text-align:center}
	.sba-steps.compact li::before{top:10px;left:-50%;right:50%;width:auto;height:3px}
	.sba-steps.compact li i{left:50%;transform:translateX(-50%);top:2px}
	.sba-steps.compact li span{font-size:10px}
	.sba-search input{width:100%}
	.sba-search{width:100%}
	.sba-table thead{display:none}
	.sba-table tr{display:grid;grid-template-columns:1fr auto;padding:10px 4px;border-bottom:1px solid var(--sba-line)}
	.sba-table td{border:0!important;padding:3px 8px!important}
	.sba-table td[data-l="Datum"],.sba-table td[data-l="Bestelling"]{font-size:13px;color:var(--sba-grey)}
	.sba-avatar-form{flex-direction:column;align-items:flex-start}
	.sba-how{grid-template-columns:1fr 1fr}
	.sba-thread li{max-width:100%}
	.sba-ticket-row{grid-template-columns:auto minmax(0,1fr)}
	.sba-ticket-row .sba-pill{grid-column:2;grid-row:2;justify-self:start}
	.sba-ticket-row .sba-order-total{display:none}
	.sba-pick li{flex-wrap:wrap}
	.sba-pick .sba-qty{width:100%}
	.sba-pick .sba-qty select{width:100%}
	.sba-steps.four{grid-template-columns:1fr}
	.sba-amounts{grid-template-columns:repeat(2,1fr)}
	.sba-amounts .own{grid-column:1/-1}
	.sba-choice{grid-template-columns:1fr}
	.sba-wallet-hero strong{font-size:32px}
	.sba-row.three{grid-template-columns:repeat(3,1fr)}
	.sba-wish{grid-template-columns:1fr 1fr;gap:10px}
	.sba-wish-img{height:110px}
	.sba-pc{grid-template-columns:1fr 90px}
	.sba-pc button{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.sba *{transition:none!important}}

/* retour: verzending doorgeven */
.sba-ship{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;background:#f4f6f7;border-radius:14px;padding:14px 16px}
.sba-ship>div{flex:1;min-width:200px}
.sba-ship b{display:block;color:var(--sba-ink);font-size:15.5px;letter-spacing:.01em}
.sba-ship small{display:block;color:var(--sba-mute);font-size:13px;margin-top:2px}
.sba-ship-ic{width:40px;height:40px;border-radius:12px;background:var(--sba-ink,#101828);color:#ffee5a;display:grid;place-items:center;flex-shrink:0}
.sba-ship-ic svg{width:20px;height:20px}
.sba-ship-edit{margin-top:14px}
.sba-ship-edit summary{cursor:pointer;font-size:14px;font-weight:600;color:#1e5aff;list-style:none}
.sba-ship-edit summary::-webkit-details-marker{display:none}
.sba-ship-edit[open] summary{margin-bottom:12px}
.sba-ship-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}
.sba-ship-grid [hidden]{display:none}
.sba-ship-grid input,.sba-ship-grid select{height:46px!important;min-height:46px!important;box-sizing:border-box}
.sba-ship-grid>*{min-width:0}
.sba-ship-form input[name=sba_track]{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}
.sba-ship-form input[name=sba_track]::placeholder{text-transform:none;font-family:inherit;letter-spacing:normal}
@media(max-width:640px){.sba-ship-grid{grid-template-columns:1fr}}

/* retour: adres en track & trace later */
.sba-retaddr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;background:#fff;border:1.5px solid var(--sba-ink,#101828);border-radius:14px;padding:14px 16px;margin:4px 0 16px}
.sba-retaddr small{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sba-mute)}
.sba-retaddr address{font-style:normal;font-size:16px;font-weight:600;color:var(--sba-ink);line-height:1.5;margin:2px 0 0}
.sba-ship-add{margin-top:6px}
.sba-ship-add>summary.sba-btn{display:inline-flex;list-style:none;cursor:pointer}
.sba-ship-add>summary.sba-btn::-webkit-details-marker{display:none}
.sba-ship-add[open]>summary.sba-btn{background:transparent!important;border:0!important;padding:0!important;height:auto!important;color:#1e5aff!important;font-size:14px;margin-bottom:12px}
.sba-ship-add[open]>summary.sba-btn::after{content:" (inklappen)";font-weight:500}
/* knoppen in formulieren: niet laten overschrijven door het thema */
body.sba .sba button.sba-btn,body.sba button.sba-btn,body.sba summary.sba-btn,body.sba .sba-ship-form button[type=submit]{background:var(--sba-yellow)!important;color:var(--sba-ink)!important;border:0!important;border-radius:11px!important;height:44px;padding:0 18px!important;font-weight:700!important;font-size:15px!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important}
body.sba button.sba-btn.ghost{background:#fff!important;border:1.5px solid #d6dde6!important}
body.sba button.sba-btn:hover,body.sba summary.sba-btn:hover{filter:brightness(.97)}
body.sba button.sba-btn.sm{height:36px;padding:0 13px!important;font-size:13px!important;border-radius:9px!important}
.sba-ship-grid:not(:has(>:not([hidden]))){display:none}

/* retour annuleren */
.sba-cancel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.sba-cancel>div{flex:1;min-width:240px}
.sba-cancel h2{font-size:16px!important;margin:0 0 4px!important}
.sba-cancel p{margin:0}
.sba-cancel form{margin:0}
body.sba button.sba-btn.ghost.danger{background:#fff!important;border:1.5px solid #f3b8bd!important;color:#b42318!important}
body.sba button.sba-btn.ghost.danger:hover{background:#fff1f1!important}
.sba-cancel-note{margin-top:4px}

/* bandenmaten: naam wijzigen, knoppen naast elkaar */
.sba-size .sba-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sba-size .sba-actions form{margin:0}
.sba-size-edit{margin-top:8px}
.sba-size-edit summary{display:inline-block;cursor:pointer;font-size:13px;font-weight:600;color:#1e5aff;list-style:none}
.sba-size-edit summary::-webkit-details-marker{display:none}
.sba-size-edit[open] summary{display:none}
.sba-size-edit form{display:flex;flex-direction:column;gap:8px;margin:0}
.sba-size-edit input[type=text]{min-height:40px!important;height:40px}
.sba-size-edit-btns{display:flex;gap:8px}
.sba-size-edit .sba-field{min-width:0}
.sba-size-edit input[type=text]{width:100%!important;max-width:100%;box-sizing:border-box!important}

/* retour: fout van ons, gratis label */
.sba-fault-hint{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:12px;padding:12px 14px;font-size:14px;color:#14532d;margin:-2px 0 4px}
.sba-fault-hint[hidden]{display:none}
.sba-wait-note{background:#fff;border:1.5px solid var(--sba-ink,#101828);border-radius:12px;padding:10px 14px;margin-top:10px}

/* adresboek */
.sba-book{margin-top:16px}
.sba-book-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.sba-book-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3e8ee;border-radius:14px;flex-wrap:wrap}
.sba-book-item b{display:block;color:var(--sba-ink)}.sba-book-item span{font-size:13px;color:var(--sba-grey)}
.sba-book-act{display:flex;gap:6px}.sba-book-act form{margin:0}
.sba-btn.sm{height:36px;padding:0 12px;font-size:13px}
.sba-book-new{margin-top:12px;border-top:1px solid #e3e8ee;padding-top:12px}
.sba-book-new summary{cursor:pointer;font-weight:800;color:var(--sba-ink);list-style:none}.sba-book-new summary::-webkit-details-marker{display:none}
.sba-book-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:12px}
.sba-book-form .sba-f{grid-column:span 6;display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--sba-ink)}
.sba-book-form .sba-f.w2{grid-column:span 2}.sba-book-form .sba-f.w3{grid-column:span 3}.sba-book-form .sba-f.w4{grid-column:span 4}.sba-book-form .w6{grid-column:span 6}
.sba-book-form .sba-f small{font-weight:500;color:var(--sba-grey)}
.sba-book-form input,.sba-book-form select{height:46px;padding:0 12px;border:1.5px solid #d3dbe6;border-radius:11px;font:inherit;font-size:15px;font-weight:500;background:#fff;color:var(--sba-ink)}
@media(max-width:640px){.sba-book-form .sba-f.w2,.sba-book-form .sba-f.w3,.sba-book-form .sba-f.w4{grid-column:span 3}.sba-book-form .sba-f[class*=w2]:nth-of-type(n){grid-column:span 3}}