/* ===================================================================
   Mijn account — dashboardtegels, bestelstatus-kleuren, en het
   weergavesysteem dat schermen (login/dashboard/bestellingen/...)
   toont/verbergt.
   Laad na base.css.
=================================================================== */

/* rustige tegels — dunne lijn, geen schaduwkaart */
.acc-tile{ transition:border-color .3s ease, transform .3s cubic-bezier(.16,1,.3,1); }
.acc-tile:hover{ border-color:rgba(46,42,39,.4); transform:translateY(-3px); }

.status-dot--onderweg{ background:#6E362C; }
.status-dot--verzonden{ background:#D8B4A0; }
.status-dot--geleverd{ background:rgba(46,42,39,.3); }
.status-dot--geannuleerd{ background:rgba(46,42,39,.18); }

/* weergavesysteem: elk scherm leeft in hetzelfde bestand, zie account.js */
[data-view]{ display:none; }
[data-chrome]{ display:none; }

/* ===================================================================
   WooCommerce-formulieren (adres bewerken, accountgegevens) — bewust
   alleen herstyled via CSS, niet als HTML overschreven, zodat land-/
   provincie-afhankelijke velden (select2, JS-validatie) gegarandeerd
   blijven werken. Zie ook checkout-woo.css voor dezelfde aanpak bij
   Checkout.
=================================================================== */
.woocommerce-address-fields .form-row,
.woocommerce-EditAccountForm .form-row{ margin:0 0 22px; max-width:28rem; }
.woocommerce-address-fields label,
.woocommerce-EditAccountForm label{
  font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:rgba(46,42,39,.45);
  display:block; margin-bottom:6px;
}
.woocommerce-address-fields .input-text,
.woocommerce-address-fields select,
.woocommerce-EditAccountForm .input-text{
  width:100%; background:transparent; border:none; border-bottom:1px solid rgba(46,42,39,.22);
  padding:12px 2px; font-size:14px; font-family:'Manrope',sans-serif; color:#2E2A27; border-radius:0;
}
.woocommerce-address-fields .input-text:focus,
.woocommerce-EditAccountForm .input-text:focus{ outline:none; border-bottom-color:#2E2A27; }
.woocommerce-address-fields button[type="submit"],
.woocommerce-EditAccountForm button[type="submit"]{
  background:#2E2A27; color:#F8F5F2; font-size:12px; letter-spacing:.05em; text-transform:uppercase;
  padding:14px 32px; border-radius:999px; border:none; cursor:pointer; transition:background .3s ease;
}
.woocommerce-address-fields button[type="submit"]:hover,
.woocommerce-EditAccountForm button[type="submit"]:hover{ background:#6E362C; }

/* ===================================================================
   Mijn account — spacing-reset op WooCommerce's eigen wrapper-classes.
   WooCommerce omringt de accountinhoud standaard met eigen containers
   (.woocommerce, .woocommerce-MyAccount-content, .woocommerce-notices-
   wrapper) die hun eigen marges/padding meebrengen. Zonder reset stapelt
   dat op de eigen spacing in woocommerce/myaccount/my-account.php, wat
   voor te veel/te ongelijke ruimte tussen onderdelen zorgt.
=================================================================== */
.woocommerce-MyAccount-content,
.woocommerce-account .woocommerce{ margin:0; padding:0; }
.woocommerce-notices-wrapper:empty{ display:none; margin:0; }
.woocommerce-notices-wrapper{ margin:0 0 28px; }
.woocommerce-message, .woocommerce-error, .woocommerce-info{
  list-style:none; margin:0 0 20px; padding:14px 18px; border-radius:12px;
  font-size:13px; background:#EDE7E2; color:#2E2A27; border:none;
}
.woocommerce-error{ background:rgba(110,54,44,.08); color:#6E362C; }
.woocommerce-MyAccount-content > *:first-child{ margin-top:0; }