/* Piccoli stili di supporto a Tailwind (caricato via CDN) */

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-image {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background-color: #E4EFE9; /* pine-light: si vede come un tenue placeholder mentre l'immagine carica */
}

/* Overlay lightbox intonato alla palette (ink) invece di un nero neutro */
.lightbox-backdrop {
    background: rgba(31, 42, 36, 0.92);
}

/* Righe a scorrimento orizzontale (sezioni "In evidenza" e "Nuovi arrivi") */
.scroll-row {
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: #2B6E63 #E4DFD3;
}

.scroll-row > * {
    scroll-snap-align: start;
}

/* Stato focus da tastiera sempre visibile (accessibilità), intonato all'accento pine */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #2B6E63;
    outline-offset: 2px;
}

/* Rispetta la preferenza di sistema per il movimento ridotto */
@media (prefers-reduced-motion: reduce) {
    * {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}