/* Pagina Favorite (Pages/Account/Favorite.cshtml) — conținutul din dreapta sidebar-ului comun.
   Tokenurile de culoare/logica vizuală (stoc epuizat, buton șterge roșu, buton coș dezactivat) sunt
   preluate din wwwroot/css/components/favorite-menu.css (mini-wishlist-ul din header) — NU editat,
   doar citit ca precedent — extinse aici cu clase proprii (`favorite-item-*`), fiindcă pagina de față
   e o listă completă de pagină, nu un panou offcanvas. */

/* Pastilă cu numărul de produse favorite ("8 produse"), lângă h1 — aceleași valori ca
   .category-page-count (category.css), dar clasă proprie fiindcă CSS-ul e organizat pe domeniu. */
.favorite-count-badge {
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    color: var(--color-content-tertiary);
    font-size: var(--text-s-size);
    padding: 0.375rem 0.75rem;
    white-space: nowrap;
}

/* Cardul-listă care înfășoară toate rândurile de produse favorite */
.favorite-list {
    border-color: var(--color-border-primary);
    overflow: hidden;
}

.favorite-list-items li {
    border-color: var(--color-border-primary) !important;
}

/* ===== Rând individual de produs favorit ===== */
.favorite-item-image {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    background-color: var(--color-bg-secondary);
}

.favorite-item-title {
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
}

.favorite-item-status {
    color: var(--color-content-tertiary);
    font-size: var(--text-s-size);
}

/* Prețul rândului — gri (nu negru), aldin; identic pentru produsele în stoc și cele epuizate
   (confirmat vizual în machetă: doar titlul/statusul își schimbă culoarea la stoc epuizat) */
.favorite-item-price {
    color: var(--color-content-tertiary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-s-size);
}

/* Modificator "stoc epuizat": imagine estompată + titlu atenuat — aceeași idee ca
   .favorite-menu-item--out-of-stock din favorite-menu.css */
.favorite-item--out-of-stock .favorite-item-image {
    filter: grayscale(1);
}

.favorite-item--out-of-stock .favorite-item-title {
    color: var(--color-content-tertiary);
}

/* Buton șterge din favorite — roșu, precedent .favorite-menu-remove-btn (favorite-menu.css),
   puțin mai mare (2.5rem) fiindcă pagina de listă completă are rânduri mai spațioase decât panoul offcanvas */
.favorite-item-remove-btn {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-bg-negative);
    border: none;
    padding: 0;
}

/* Buton adaugă în coș — gri, cu stare dezactivată pentru produsele fără stoc,
   precedent .favorite-menu-cart-btn (favorite-menu.css) */
.favorite-item-cart-btn {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-bg-secondary);
    border: none;
    padding: 0;
    transition: background-color var(--transition-fast);
}

.favorite-item-cart-btn:hover:not(:disabled) {
    background-color: var(--color-bg-tertiary);
}

.favorite-item-cart-btn:disabled {
    cursor: not-allowed;
}

.favorite-item-cart-btn:disabled img {
    opacity: 0.4;
}