/* Buiten.studio — klantenportaal (WooCommerce Mijn account)
   Basis: handoff buiten-account.css (Claude Design, 7-9-2026), aangepast:
   - lettertypen en knopvormen komen uit YOOtheme (uk-*), niet uit deze CSS
   - kleuren/maten centraal als variabelen, gekoppeld aan de huisstijl
   - mobiel-eerst: 60% van de bezoekers */

:root{
  --bs-bg:#f7f5f0; --bs-card:#efece4; --bs-line:#e3ded3; --bs-border:#d9d3c6;
  --bs-ink:#1f2a24; --bs-muted:#5c645e; --bs-faint:#7a817b; --bs-green:#2C392D;
  --bs-gold:#BE9F56; --bs-gold-dark:#a98a45; --bs-gold-text:#8a6d2a; --bs-ok:#5f8a63;
  --bs-r-card:16px; --bs-r-input:10px;
}

/* ---------- Layout: zijbalk 240px + inhoud. Woo's my-account.php zet <nav> en
   .woocommerce-MyAccount-content als directe kinderen van .woocommerce; alleen
   díe ouder wordt een grid (niet de container erboven). */
.woocommerce-account :has(> .woocommerce-MyAccount-navigation):has(> .woocommerce-MyAccount-content){
  display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; align-items:start;
}
.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content{ float:none !important; width:auto !important; min-width:0; }
.woocommerce-MyAccount-content{ color:var(--bs-ink); font-size:14px; line-height:1.6; }

/* ---------- Zijbalk ---------- */
.woocommerce-MyAccount-navigation{ position:sticky; top:24px; }
.bs-profile{ display:flex; align-items:center; gap:14px; margin:0 0 28px; padding:0 4px; }
.bs-avatar{ width:44px; height:44px; border-radius:50%; background:var(--bs-green); color:#e8d9a8; display:grid; place-items:center; font-size:20px; font-weight:600; flex:none; }
.bs-profile-naam{ font-weight:600; font-size:14px; color:var(--bs-ink); }
.bs-profile-mail{ font-size:12px; color:var(--bs-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.woocommerce-account .woocommerce-MyAccount-navigation{ padding-bottom:0; border-bottom:0; margin-bottom:0; }
.woocommerce-account .woocommerce-MyAccount-navigation>ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; flex-wrap:nowrap; gap:2px; }
.woocommerce-account .woocommerce-MyAccount-navigation>ul>li{ margin:0; padding:0; }
.woocommerce-account .woocommerce-MyAccount-navigation>ul>li>a{
  display:flex; align-items:center; gap:12px; padding:9px 4px; border-radius:0; background:none;
  font-size:14px; font-weight:500; color:var(--bs-muted); text-decoration:none; transition:color .15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation>ul>li>a::after{ display:none; }
.woocommerce-account .woocommerce-MyAccount-navigation>ul>li>a:hover{ color:var(--bs-ink); background:none; }
/* Actief = vet + goud, geen vlak (keuze Gijs 7-9) */
.woocommerce-account .woocommerce-MyAccount-navigation>ul>li.is-active>a{ background:none; color:var(--bs-gold-text); font-weight:600; box-shadow:none; }
.woocommerce-account .woocommerce-MyAccount-navigation>ul>li>a::before{
  content:""; flex:none; width:18px; height:18px; background:#9a9a92;
  -webkit-mask:var(--icon) center/contain no-repeat; mask:var(--icon) center/contain no-repeat;
}
.woocommerce-account .woocommerce-MyAccount-navigation>ul>li.is-active>a::before{ background:var(--bs-gold-text); }
/* YOOtheme's verticale scheidingslijn: in het midden van de tussenruimte */
.woocommerce-account .woocommerce-MyAccount-content::before{ left:-32px; }
.bs-badge{ margin-left:auto; font-size:11px; font-weight:600; color:var(--bs-faint); background:var(--bs-card); border-radius:999px; padding:2px 8px; }
.is-active .bs-badge{ background:var(--bs-bg); }
.woocommerce-MyAccount-navigation-link--dashboard{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7'%3E%3Cpath d='M3 3h8v8H3zM13 3h8v8h-8zM3 13h8v8H3zM13 13h8v8h-8z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--orders{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4zM3 6h18M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-address{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0zM12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-account{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--workshops{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M4 4h16v6a8 8 0 0 1-16 0zM4 8H2a2 2 0 0 0 0 4h2M20 8h2a2 2 0 0 1 0 4h-2'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--gift_card{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M20 12v10H4V12M2 7h20v5H2zM12 22V7M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7zm0 0h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--mijn-favorieten{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--customer-logout{ margin-top:22px; --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' 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-account .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--customer-logout>a{ font-size:13px; color:var(--bs-faint); }

/* ---------- Paginakop ---------- */
.bs-page-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; padding-bottom:28px; margin-bottom:40px; border-bottom:1px solid var(--bs-line); }
.bs-eyebrow{ font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--bs-gold-text); font-weight:600; margin-bottom:10px; }
.bs-page-head h1{ margin:0; font-size:40px; line-height:1.05; letter-spacing:-.3px; }
.bs-page-head p{ margin:10px 0 0; color:var(--bs-muted); font-size:15px; max-width:52ch; text-wrap:pretty; }
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content legend{ font-size:26px; margin:0 0 16px; padding:0; border:0; }
.woocommerce-MyAccount-content h3{ font-size:20px; margin:0 0 10px; }
.woocommerce-MyAccount-content a{ color:var(--bs-gold-text); }
/* Adres bewerken: Woo's eigen <h3> boven het formulier is dubbel met onze paginakop */
.woocommerce-MyAccount-content form > h3:first-child{ display:none; }

/* ---------- Knoppen: goud = actie, omlijnd = neutraal (vorm/font uit thema) ---------- */
.woocommerce-account .woocommerce-MyAccount-content .button, .woocommerce-account .woocommerce-MyAccount-content button[type=submit]{
  border-radius:999px; background:var(--bs-gold); color:var(--bs-ink); border:0; font-weight:600; font-size:13px; padding:0 22px; line-height:42px; text-transform:none; letter-spacing:0; text-decoration:none; box-sizing:border-box; display:inline-block;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover, .woocommerce-account .woocommerce-MyAccount-content button[type=submit]:hover{ background:var(--bs-gold-dark); color:var(--bs-ink); }
.woocommerce-account .woocommerce-MyAccount-content .button.view, .woocommerce-account .woocommerce-MyAccount-content .button.edit, .woocommerce-account .woocommerce-MyAccount-content .button.bs-secondary{
  background:transparent; border:1px solid var(--bs-ink); color:var(--bs-ink); line-height:34px; padding:0 18px; font-size:12px;
}
.woocommerce-account .woocommerce-MyAccount-content .button.view:hover, .woocommerce-account .woocommerce-MyAccount-content .button.edit:hover, .woocommerce-account .woocommerce-MyAccount-content .button.bs-secondary:hover{ background:var(--bs-ink); color:#fff; }
.bs-link{ font-size:13px; font-weight:600; color:var(--bs-gold-text); text-decoration:none; }
.bs-link::after{ content:" →"; }

/* ---------- Tabellen ---------- */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table{ width:100%; border-collapse:collapse; border:0; border-radius:0; margin:0 0 32px; font-size:14px; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr{ border:0 !important; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th{ padding:0 4px 14px; text-align:left; border:0 !important; border-bottom:1px solid var(--bs-ink) !important; font-family:inherit; font-size:11px; line-height:1.4; letter-spacing:1.4px; text-transform:uppercase; color:var(--bs-faint); font-weight:600; background:none; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td, .woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody th{ padding:20px 4px; border:0 !important; border-bottom:1px solid var(--bs-line) !important; vertical-align:middle; background:none; font-family:inherit; font-weight:400; color:var(--bs-ink); text-align:left; }
/* Bestelnummer als donkergroene pill (keuze Gijs 7-9); Woo zet deze cel als <th scope=row> */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .woocommerce-orders-table__cell-order-number a{ display:inline-block; background:var(--bs-green); color:#fff !important; border-radius:999px; padding:5px 12px; font-size:12px; font-weight:600; line-height:1.3; text-decoration:none !important; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .woocommerce-orders-table__cell-order-number a:hover{ background:var(--bs-gold); color:var(--bs-ink) !important; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-date{ color:var(--bs-muted); }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-status::before{ content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--bs-ok); margin-right:8px; vertical-align:middle; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions{ text-align:right; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot th{ border-bottom:0 !important; padding:12px 4px; text-transform:none; letter-spacing:0; font-size:14px; font-weight:400; color:var(--bs-muted); }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot td{ border-bottom:0 !important; padding:12px 4px; text-align:right; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr:last-child th, .woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr:last-child td{ border-top:1px solid var(--bs-ink) !important; font-weight:600; color:var(--bs-ink); }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr:last-child td .amount{ font-size:26px; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table small.includes_tax{ display:block; font-size:12px; color:var(--bs-faint); font-weight:400; }
.bs-dot{ display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--bs-ok); margin-right:8px; vertical-align:middle; }

/* ---------- Kaarten & meldingen ---------- */
.bs-card{ background:var(--bs-card); border-radius:var(--bs-r-card); padding:28px; display:flex; flex-direction:column; gap:20px; }
.bs-card--dark{ background:var(--bs-green); color:var(--bs-bg); }
.bs-card--dark h2, .bs-card--dark h3, .bs-card--dark .bs-eyebrow{ color:inherit; }
.bs-card--dark .bs-eyebrow{ color:var(--bs-gold); }
.bs-card--empty{ background:transparent; border:1px dashed var(--bs-border); }
.bs-card h2{ font-size:24px; margin:0; }
.bs-card-kop{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.bs-card-kop small{ font-size:12px; color:var(--bs-faint); }
.bs-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; } /* 2×2 op desktop, 1 kolom op mobiel */
.bs-rij{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; padding:12px 0; border-top:1px solid #e0dacb; font-size:13px; }
.bs-rij a{ color:inherit; text-decoration:none; }
.bs-rij a:hover{ text-decoration:underline; }
.bs-rij .bs-link{ color:var(--bs-gold-text); }
.bs-card--dark .bs-rij{ border-top-color:rgba(255,255,255,.15); }
.bs-card--dark a, .bs-card--dark .bs-link{ color:inherit; }
.bs-rij strong{ font-weight:600; }
.bs-rij .bs-datum{ color:var(--bs-faint); flex:1; white-space:nowrap; }
.bs-rij .bs-status, .bs-rij .bs-link{ white-space:nowrap; }
.bs-status{ display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:600; }
.bs-thumbs{ display:flex; gap:8px; }
.bs-thumbs img, .bs-thumbs span{ width:48px; height:48px; border-radius:8px; object-fit:cover; background:#e3dccb; }
.bs-thumbs span{ display:grid; place-items:center; background:#fff; font-size:12px; font-weight:600; }
.bs-saldo{ font-size:36px; font-weight:600; line-height:1.1; margin-top:4px; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-error{
  display:flex; align-items:center; gap:20px; flex-wrap:wrap; padding:22px 28px; margin:8px 0 44px !important;
  background:var(--bs-card); border:0 !important; border-radius:14px; color:var(--bs-ink); font-size:14px; text-align:left; box-shadow:none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message::before, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-error::before{ display:none; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message>.button, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-error .button{
  position:static; transform:none; margin-left:auto; padding:0 22px; line-height:42px; font-size:13px; font-weight:600; border-radius:999px; background:var(--bs-gold); color:#fff; text-decoration:none;
}

/* ---------- Adressen ---------- */
.woocommerce-Addresses{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
.woocommerce-Address{ background:var(--bs-card); border-radius:var(--bs-r-card); padding:28px; width:auto; max-width:none; float:none; }
.woocommerce-Address.bs-card--empty{ background:transparent; }
.woocommerce-Address-title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; gap:12px; }
.woocommerce-Address-title h3{ font-size:24px; margin:0; }
.woocommerce-Address address{ font-style:normal; line-height:1.7; margin-bottom:18px; }
.bs-label{ font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:var(--bs-gold-text); font-weight:600; }

/* ---------- Formulieren ---------- */
.woocommerce-account .woocommerce-form-row label, .woocommerce-account .form-row label{ display:block; font-size:13px; font-weight:500; margin-bottom:8px; }
.woocommerce-account .form-row label .required{ color:var(--bs-gold-text); text-decoration:none; }
.woocommerce-account .woocommerce-MyAccount-content .input-text, .woocommerce-account .woocommerce-MyAccount-content select{
  width:100%; min-width:0; box-sizing:border-box; padding:12px 16px; height:auto; border:1px solid var(--bs-border);
  border-radius:var(--bs-r-input); background:#fff; font-size:14px; color:var(--bs-ink); outline:none;
}
.woocommerce-account .woocommerce-MyAccount-content .input-text:focus{ border-color:var(--bs-gold-text); box-shadow:0 0 0 3px rgba(190,159,86,.25); }
.woocommerce-account .form-row-first, .woocommerce-account .form-row-last{ width:calc(50% - 10px); }
.woocommerce-account .form-row{ margin:0 0 20px; }
.woocommerce-account fieldset{ border:0; padding:0; margin:0; }
.woocommerce-account .show-password-input{ top:14px; right:16px; }
.woocommerce-account .form-row em, .woocommerce-account .form-row span em{ font-style:normal; font-size:12px; color:var(--bs-faint); }
/* Tweekoloms accountformulier: sectiekop links, velden rechts */
.bs-form-sectie{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:40px; padding:32px 0; border-bottom:1px solid var(--bs-line); }
.bs-form-sectie:first-of-type{ padding-top:8px; }
.bs-form-sectie h3{ margin:0 0 6px; }
.bs-form-sectie p{ margin:0; font-size:13px; color:var(--bs-faint); }
.bs-form-acties{ display:flex; justify-content:flex-end; gap:12px; padding-top:28px; }

/* ---------- Cadeaubonnen (Gift Cards Pro-markup, herschikt door account.js) ---------- */
.bs-gc-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-bottom:40px; }
.bs-gc-grid .gtc-form-wrapper{ background:none !important; padding:0 !important; margin:0 !important; max-width:none; }
.bs-gc-grid .gtc-form-wrapper input[type=text]{ max-width:none; margin:0; }
.bs-gc-inline{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.bs-gc-inline input[type=text]{ flex:1 1 200px; min-width:0; margin:0; }
.bs-gc-inline label{ display:none; }
.bs-gc-inline .gtc-form-btn, .bs-gc-inline input[type=submit], .bs-gc-inline button{ flex:none; margin:0; border-radius:999px; background:var(--bs-gold); color:#fff; border:0; padding:0 22px; line-height:44px; font-size:13px; font-weight:600; }
.bs-gc-grid .gtc-form-wrapper form > p, .bs-gc-grid .gtc-form-wrapper form > div{ margin:0; }
.bs-gc-toggle{ display:inline-block; margin-top:14px; }
.bs-gc-verborgen{ display:none; margin-top:16px; }
.bs-gc-verborgen.open{ display:block; }
.woocommerce-account .gtc-frontend-table{ width:100%; border-collapse:collapse; margin:0 0 32px; }
.woocommerce-account .gtc-frontend-table th{ padding:0 4px 14px !important; text-align:left; border:0; border-bottom:1px solid var(--bs-ink) !important; font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:var(--bs-faint); font-weight:600; background:none !important; }
.woocommerce-account .gtc-frontend-table td{ padding:20px 4px !important; border:0; border-bottom:1px solid var(--bs-line); background:none !important; }

/* ---------- Mobiel (60% van de bezoekers) ---------- */
@media (max-width:860px){
  .woocommerce-account :has(> .woocommerce-MyAccount-navigation):has(> .woocommerce-MyAccount-content){ grid-template-columns:1fr; gap:24px; }
  .woocommerce-MyAccount-navigation{ position:static; }
  .bs-profile{ margin-bottom:14px; }
  /* Menu als omlopende pills: alle opties in beeld, niets verborgen achter een scroll (keuze Gijs 7-9) */
  .woocommerce-account .woocommerce-MyAccount-navigation>ul{ flex-direction:row; flex-wrap:wrap; gap:8px; padding:0; }
  .woocommerce-account .woocommerce-MyAccount-navigation>ul>li{ flex:none; }
  .woocommerce-account .woocommerce-MyAccount-navigation>ul>li>a{ padding:8px 14px; gap:8px; white-space:nowrap; border:1px solid var(--bs-border); border-radius:999px; background:#fff; color:var(--bs-muted); font-size:13px; }
  .woocommerce-account .woocommerce-MyAccount-navigation>ul>li>a::before{ width:15px; height:15px; }
  .woocommerce-account .woocommerce-MyAccount-navigation>ul>li.is-active>a{ background:var(--bs-green); border-color:var(--bs-green); color:#fff; }
  .woocommerce-account .woocommerce-MyAccount-navigation>ul>li.is-active>a::before{ background:var(--bs-gold); }
  .woocommerce-account .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--customer-logout>a{ font-size:13px; }
  .woocommerce-account .woocommerce-MyAccount-content::before{ display:none; }
  .woocommerce-MyAccount-navigation-link--customer-logout{ margin-top:0; }
  .is-active .bs-badge{ background:rgba(255,255,255,.18); color:#fff; }
  .bs-badge{ margin-left:2px; }
  .bs-page-head{ padding-bottom:20px; margin-bottom:28px; }
  .bs-page-head h1{ font-size:32px; }
  .bs-card{ padding:22px; }
  .bs-form-sectie{ grid-template-columns:1fr; gap:14px; padding:24px 0; }
  .woocommerce-account .form-row-first, .woocommerce-account .form-row-last{ width:100%; float:none; }
  .bs-form-acties{ flex-direction:column-reverse; }
  .bs-form-acties .button{ width:100%; text-align:center; }
}
@media (max-width:768px){
  /* Tabellen worden kaarten (zelfde breekpunt als Woo's shop_table_responsive): kolomkop via data-title (Woo zet die op de cellen) */
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table thead{ display:none; }
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table tr{ display:block; padding:14px 0; border-bottom:1px solid var(--bs-line); }
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table td{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:6px 0 !important; border:0 !important; text-align:left; }
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table td::before{ float:none; content:attr(data-title); font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--bs-faint); font-weight:600; }
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-status::before{ content:attr(data-title); width:auto; height:auto; background:none; border-radius:0; margin:0; }
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions{ justify-content:flex-end; padding-top:10px !important; }
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions::before{ display:none; }
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table td.product-name::before, .woocommerce-account .woocommerce-MyAccount-content table.shop_table td.product-total::before{ display:none; }
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr{ display:flex; justify-content:space-between; padding:8px 0; border:0; }
  .woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot th, .woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot td{ display:block; padding:0 !important; border:0 !important; }
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message>.button, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button{ margin-left:0; width:100%; text-align:center; }
}

/* ---------- Bestelling: samenvattingsstrook ---------- */
.bs-card.bs-samenvatting{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:20px 28px; margin-bottom:40px; font-size:14px; }
.bs-samenvatting .bs-eyebrow{ margin-bottom:6px; }
.bs-notities{ margin-bottom:40px; }
.woocommerce-account .woocommerce-order-details, .woocommerce-account .woocommerce-customer-details{ margin-bottom:40px; }
.woocommerce-account .woocommerce-column__title{ font-size:20px; }
.woocommerce-account .woocommerce-customer-details address{ font-style:normal; border:0; padding:0; line-height:1.7; }
@media (max-width:768px){
  .woocommerce-account .gtc-frontend-table thead{ display:none; }
  .woocommerce-account .gtc-frontend-table tr{ display:block; padding:14px 0; border-bottom:1px solid var(--bs-line); }
  .woocommerce-account .gtc-frontend-table td{ display:flex; justify-content:space-between; gap:12px; padding:6px 0 !important; border:0 !important; }
  .woocommerce-account .gtc-frontend-table td::before{ content:attr(data-title); font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--bs-faint); font-weight:600; }
}

/* Buiten-punten (menu-icoon: goud plusje in cirkel) */
.woocommerce-MyAccount-navigation-link--punten{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); }