/* ==========================================================================
   Programma influencer - SCHEDE dei prodotti (non righe di tabella)
   --------------------------------------------------------------------------
   Regola del titolare (13/09/2026): le pagine si guardano, non si leggono.
   Qui ogni prodotto e' una scheda con la FOTO, il prezzo in chiaro, i due numeri
   che contano (quanto va al networker, quanto resta a noi) e la spiegazione di
   cosa serve il costo. File separato di proposito: admin.css lo tocca anche
   l'utente e queste regole non devono perdersi.
   ========================================================================== */

.inf-prod__come {
    margin: 0 0 1rem;
    padding: 0.7rem 0.85rem;
    border-left: 3px solid var(--mood-primary, #6c5ce7);
    border-radius: 8px;
    background: rgba(124, 92, 231, 0.08);
}

.inf-prod {
    display: grid;
    gap: 0.85rem;
}

.inf-prod__card {
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 0.9rem;
    align-items: start;
    padding: 0.85rem;
    border: 1px solid var(--mood-border, #2b2b3d);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
}
.inf-prod__card:hover { border-color: rgba(124, 92, 231, 0.45); }

.inf-prod__img {
    width: 108px;
    height: 108px;
    border-radius: 12px;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.04);
}
.inf-prod__img-vuota {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mood-text-muted, #8b8b9e);
}
.inf-prod__img-vuota svg { width: 30px; height: 30px; }

.inf-prod__body { min-width: 0; display: flex; flex-direction: column; gap: 0.3rem; }
.inf-prod__titolo { font-size: 0.98rem; line-height: 1.25; }
.inf-prod__prezzo {
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--mood-primary, #6c5ce7);
}
.inf-prod__prezzo-manca { color: #e67e22; font-weight: 600; }

/* I due numeri che contano: valore grande, spiegazione sotto. */
.inf-prod__numeri {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1.4rem;
    margin: 0.35rem 0 0.15rem;
}
.inf-prod__num { display: flex; flex-direction: column; min-width: 8.5rem; }
.inf-prod__num b { font-size: 1.15rem; font-weight: 800; line-height: 1.1; }
.inf-prod__num span { font-size: 0.72rem; color: var(--mood-text-muted, #8b8b9e); }
.inf-prod__num-vuoto b { color: var(--mood-text-muted, #8b8b9e); }

/* I comandi stanno chiusi: la scheda prima si legge, poi si tocca. */
.inf-prod__dett { margin-top: 0.4rem; }
.inf-prod__dett > summary {
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--mood-primary, #6c5ce7);
    padding: 0.25rem 0;
}
.inf-prod__dett[open] > summary { margin-bottom: 0.4rem; }
.inf-prod__dett .admin-fields { margin-top: 0.3rem; }

@media (max-width: 640px) {
    .inf-prod__card { grid-template-columns: 1fr; }
    .inf-prod__img { width: 100%; height: 170px; }
}