/* Al-Arabisch Wishlist. Colours come from the theme's variables, with fallbacks.
   The theme's card add-to-cart button (css/shop-ui.css) mirrors these states: keep the two in step. */
.aa-wl-toggle {
	display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
	width: 40px; height: 40px; padding: 0; margin: 0;
	border: 1px solid var(--aa-line, #dfe2e8); border-radius: 8px;
	background: #fff; color: var(--aa-ink, #282d3b); cursor: pointer; line-height: 1;
	transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}
.aa-wl-toggle:hover,
.aa-wl-toggle:focus-visible { border-color: var(--aa-brand, #bc8b3f); color: var(--aa-brand, #bc8b3f); outline: none; }
.aa-wl-toggle:focus-visible { box-shadow: 0 0 0 3px rgba(188, 139, 63, .25); }
.aa-wl-icon { width: 20px; height: 20px; }
.aa-wl-icon--on { display: none; }
.aa-wl-toggle.is-active { color: var(--aa-brand, #bc8b3f); border-color: var(--aa-brand, #bc8b3f); background: var(--aa-brand-soft, #faf4ea); }
.aa-wl-toggle.is-active .aa-wl-icon--on { display: block; }
.aa-wl-toggle.is-active .aa-wl-icon--off { display: none; }
.aa-wl-toggle--single { width: 48px; height: 48px; margin-inline-start: 8px; vertical-align: top; }
.aa-wl-toggle--single .aa-wl-icon { width: 24px; height: 24px; }

/* Wishlist page */
.aa-wishlist { min-height: 160px; }
.aa-wishlist__status { color: var(--aa-muted, #8a8f98); }
.aa-wishlist__empty { padding: 48px 16px; text-align: center; }
.aa-wishlist__empty p { margin-bottom: 18px; font-size: 17px; color: var(--aa-ink, #282d3b); }
.aa-wishlist__empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: 14px; border-radius: 50%; background: var(--aa-brand-soft, #faf4ea); color: var(--aa-brand, #bc8b3f); }
.aa-wishlist__empty-icon .aa-wl-icon { width: 32px; height: 32px; }
.aa-wishlist__empty-icon .aa-wl-icon--on { display: none; }
.aa-wishlist__browse { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 22px; border-radius: 8px; background: var(--aa-ink, #282d3b); color: #fff; font-weight: 600; transition: background-color .15s ease; }
.aa-wishlist__browse:hover, .aa-wishlist__browse:focus-visible { background: var(--aa-brand-text, #966f33); color: #fff; }