/* ==========================================================================
   Avatar Diamonds — Wishlist page + header badge
   ========================================================================== */

/* --- Header badge counter (applies globally, hidden when count is 0) ---- */
.ad-wishlist-btn { position: relative; }
.ad-wishlist-count {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #c8a96a;
    color: #0a2547;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    opacity: 0;
    transform: scale(0.6);
    transition: opacity 160ms ease, transform 160ms ease;
    pointer-events: none;
}
.ad-wishlist-count.is-visible {
    opacity: 1;
    transform: scale(1);
}

/* --- Wishlist page layout ---------------------------------------------- */
.ad-page-wishlist {
    background: #fbfaf7;
    min-height: 60vh;
    padding-bottom: 3rem;
}

.ad-wishlist-hero {
    padding: 2.5rem 0 1.5rem;
    text-align: center;
}
.ad-wishlist-hero .ad-eyebrow {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #c8a96a;
    margin-bottom: 0.5rem;
}
.ad-wishlist-hero .ad-page-title {
    margin: 0 0 0.5rem;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 400;
    color: #0a2547;
    letter-spacing: 0.01em;
}
.ad-wishlist-hero .ad-page-lede {
    max-width: 520px;
    margin: 0 auto;
    color: #6b7280;
    font-size: 0.95rem;
}

.ad-wishlist-section {
    padding: 1rem 0 3rem;
}

.ad-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.ad-wishlist-container { width: 100%; }

/* Loading state ---------------------------------------------------------- */
.ad-wishlist-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: #6b7280;
}
.ad-wishlist-spinner {
    width: 28px;
    height: 28px;
    border: 2px solid rgba(10,37,71,0.12);
    border-top-color: #0a2547;
    border-radius: 50%;
    animation: ad-wl-spin 800ms linear infinite;
    margin-bottom: 0.75rem;
}
@keyframes ad-wl-spin {
    to { transform: rotate(360deg); }
}

/* Empty state ------------------------------------------------------------ */
.ad-wishlist-empty {
    text-align: center;
    padding: 3rem 1rem;
    max-width: 420px;
    margin: 0 auto;
}
.ad-wishlist-empty svg {
    width: 72px;
    height: 72px;
    color: #c8a96a;
    margin-bottom: 1rem;
}
.ad-wishlist-empty h2 {
    margin: 0 0 0.5rem;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.75rem;
    color: #0a2547;
}
.ad-wishlist-empty p {
    margin: 0 0 1.25rem;
    color: #6b7280;
}
.ad-btn-primary {
    display: inline-block;
    padding: 0.85rem 2rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    background: #0a2547;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    transition: background 180ms ease, transform 180ms ease;
}
.ad-btn-primary:hover {
    background: #0e2c54;
    transform: translateY(-1px);
}

/* Product cards on wishlist page use the same markup as the shop loop,
   so shop.css provides all card styles. We just ensure the wishlist hero
   doesn't fight with the shop layout defaults. */
.ad-page-wishlist .woocommerce-breadcrumb,
.ad-page-wishlist .woocommerce-products-header,
.ad-page-wishlist .woocommerce-result-count,
.ad-page-wishlist .woocommerce-ordering {
    display: none !important;
}