/* Marktplaats Aruba Wishlist – lightweight CSS, compatible with Astra/Dokan/Elementor. */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.wc-block-grid__product,
.wc-block-product,
.wc-block-components-product-card,
.e-loop-item.mawl-card-has-heart,
.mawl-account__card { position: relative; }
.mawl-heart {
  appearance: none; -webkit-appearance: none;
  box-sizing: border-box; width: 40px; height: 40px;
  padding: 0; margin: 0; display: inline-flex; gap: 9px;
  align-items: center; justify-content: center;
  background: #fff; color: #333; border: 1px solid #e6e8ec;
  border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,.12);
  cursor: pointer; line-height: 1; transition: transform .14s ease, color .14s ease, background .14s ease;
  text-decoration: none; z-index: 15;
}
.mawl-heart:hover { color: #d43149; background: #fff5f6; transform: scale(1.07); border-color: #f1c6ce; }
.mawl-heart:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.mawl-heart.is-saved { color: #d43149; border-color: #f4c3cc; }
.mawl-heart .mawl-heart__icon { display: block; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.mawl-heart.is-saved .mawl-heart__icon { fill: currentColor; }
.mawl-heart:disabled { opacity: .65; cursor: wait; }
.mawl-heart--card { position: absolute !important; top: 10px; right: 10px; left: auto; bottom: auto; }
.mawl-single-wrap { margin: 10px 0 22px; }
.mawl-heart--single { position: static; width: auto; min-height: 42px; height: auto; border-radius: 8px; padding: 10px 15px; box-shadow: none; font-size: 14px; font-weight: 600; }
.mawl-heart--single .mawl-heart__text { display: inline; white-space: normal; }
.mawl-account__header h2 { font-size: 1.5rem; line-height: 1.3; margin: 0 0 22px; }
.mawl-account__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.mawl-account__card { background: #fff; border: 1px solid #e9e9ec; border-radius: 12px; overflow: hidden; min-width: 0; }
.mawl-account__image { display: block; aspect-ratio: 4/3; overflow: hidden; background: #f6f6f6; }
.mawl-account__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mawl-account__body { padding: 14px; }
.mawl-account__body h3 { font-size: 16px; font-weight: 650; line-height: 1.4; margin: 0 0 10px; }
.mawl-account__body h3 a { color: #1b2839; text-decoration: none; }
.mawl-account__body h3 a:hover { text-decoration: underline; }
.mawl-account__price { font-weight: 700; margin: 0 0 12px; }
.mawl-account__view, .mawl-account__browse { display: inline-block; border-radius: 7px; background: #112b44; color: #fff !important; padding: 10px 14px; font-weight: 600; font-size: 14px; text-decoration: none !important; }
.mawl-account__view:hover, .mawl-account__browse:hover { background: #204360; }
.mawl-account__empty { padding: 20px 0; }
.mawl-account__empty[hidden] { display: none !important; }
.mawl-account__empty p { margin-bottom: 16px; }
.mawl-toast { position: fixed; z-index: 999999; bottom: 22px; left: 50%; transform: translate(-50%, 15px); background: #182b3e; color: #fff; padding: 12px 18px; border-radius: 9px; font-size: 14px; box-shadow: 0 8px 30px rgba(0,0,0,.22); opacity: 0; visibility: hidden; pointer-events: none; transition: all .18s ease; text-align: center; max-width: calc(100vw - 24px); }
.mawl-toast.is-visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
@media(max-width: 900px) { .mawl-account__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
@media(max-width: 480px) { .mawl-account__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .mawl-account__body { padding: 10px; } .mawl-account__body h3 { font-size: 14px; } .mawl-account__view { font-size: 12px; padding: 8px 10px; } .mawl-heart { width: 36px; height: 36px; } .mawl-heart--card { top: 7px; right: 7px; } .mawl-heart--single { width: auto; } }