/* === JimJob CSS - Modular Architecture === */
/* Importa tutti i fogli di stile modularizzati */

/* 1. Variabili globali e colori */
@import url("variables.css");

/* 2. Global styles */
@import url("global.css");

/* 3. Header e navigazione */
@import url("header.css");

/* @import url("search.css"); */

/* 5. Carduri e immagini */
@import url("cards.css");

/* 6. Player video */
@import url("player.css");

/* 7. Loading spinner */
@import url("loading.css");

/* 8. Modali */
@import url("modals.css");

/* 9. Banner producatori */
@import url("banner.css");

/* 10. PWA install button */
@import url("pwa.css");

@keyframes highlightPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
        transform: scale(1);
    }

    50% {
        box-shadow: 0 0 20px 10px rgba(37, 211, 102, 0);
        transform: scale(1.03);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
        transform: scale(1);
    }
}

.highlight-pulse {
    animation: highlightPulse 2s ease-out;
    border: 2px solid #25d366 !important;
    z-index: 10;
}