/* ==========================================================================
   PAYWALLET - STILE GRIGLIA GEOMETRICA A LINEE (style.css)
   ========================================================================== */

/* --- TRANSIZIONI GLOBALI & SELEZIONE TESTO --- */
* {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

::selection {
    background-color: #10b981;
    color: #020617;
}


/* ==========================================================================
   SFONDO: GRIGLIA GEOMETRICA A LINEE INCROCIATE (NIENTE PUNTINI)
   ========================================================================== */

.bg-grid-pattern {
    background-size: 32px 32px;
    background-image: 
        linear-gradient(to right, rgba(16, 185, 129, 0.08) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(16, 185, 129, 0.08) 1px, transparent 1px);
}

.dark .bg-grid-pattern {
    background-image: 
        linear-gradient(to right, rgba(16, 185, 129, 0.15) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(16, 185, 129, 0.15) 1px, transparent 1px);
}


/* ==========================================================================
   ANIMAZIONI BAGLIORI DI LUCE (GLOW)
   ========================================================================== */

@keyframes soft-pulse {
    0%, 100% { 
        transform: scale(1) translate(0, 0); 
        opacity: 0.5; 
    }
    50% { 
        transform: scale(1.15) translate(15px, -15px); 
        opacity: 0.8; 
    }
}

.animate-glow-1 {
    animation: soft-pulse 9s infinite ease-in-out;
}

.animate-glow-2 {
    animation: soft-pulse 13s infinite ease-in-out 3s;
}


/* ==========================================================================
   SCROLLBAR PERSONALIZZATA ELEGANTE
   ========================================================================== */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(16, 185, 129, 0.3);
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(16, 185, 129, 0.6);
}