/* Uvoz glavnih stilova ili Tailwind/Bootstrap-a */
/* @import "tailwindcss"; */

/* Animacija pulsa za border */

.btn-primary {
    background-color: #2fb344 !important;
    /* Klupska zelena */
    border-color: #2fb344 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #279639 !important;
    /* Tamnija zelena na prelaz mišem */
    border-color: #279639 !important;
}

@keyframes borderPulse {
    0% {
        border-color: rgba(47, 179, 68, 0.3);
        box-shadow: 0 0 0 0 rgba(47, 179, 68, 0.4);
    }

    50% {
        border-color: rgba(47, 179, 68, 1);
        box-shadow: 0 0 12px 3px rgba(47, 179, 68, 0.3);
    }

    100% {
        border-color: rgba(47, 179, 68, 0.3);
        box-shadow: 0 0 0 0 rgba(47, 179, 68, 0.4);
    }
}

.card-pulsing-border {
    border: 2px solid #2fb344 !important;
    animation: borderPulse 2s infinite ease-in-out;
}