/*
==========================================================================
 Base Styles & Utilities
==========================================================================
*/

/* Đảm bảo font chữ nhất quán */
.my-wishlist-button,
.my-wishlist-icon .wishlist-item-count,
.wishlist-popup,
#my-wishlist-page {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* === Loader Spinner === */
@keyframes spin { to { transform: rotate(360deg); } }
.wishlist-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #d90429;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* === Trạng thái trống === */
.wishlist-empty {
    text-align: center;
    padding: 40px 20px;
    color: #777;
    font-size: 14px;
}

/*
==========================================================================
 Guest Prompts (Yêu cầu đăng nhập)
==========================================================================
*/

/* Khu vực đăng nhập của khách (chung) */
.wishlist-guest-prompt,
.wishlist-guest-prompt-page {
    text-align: center;
}

/* Khu vực đăng nhập của khách trong popup */
.wishlist-guest-prompt {
    padding: 45px 0px; /* Thêm đệm trên/dưới 45px */
}

/* Khu vực đăng nhập của khách trên trang Yêu thích */
.wishlist-guest-prompt-page {
    padding: 2em 0; /* Thêm một chút khoảng đệm trên dưới cho đẹp hơn */
}