/* style.css */

.gradient-pozadina {
    background-color: #8a49c2; /* Fallback boja u slučaju da gradient nije podržan */
    background: linear-gradient(to right, #d81e3f, #8a49c2);
}

/* NOVI STIL ZA LOGIN FORMU */
.login-box {
    /* Prozirna tamna pozadina */
    background: rgba(0, 0, 0, 0.25);
    
    /* Zamućenje pozadine iza elementa */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Podrška za Safari */

    /* Suptilni bijeli okvir */
    border: 1px solid rgba(255, 255, 255, 0.18);

    /* Zaobljeni rubovi */
    border-radius: 1rem; /* 16px */

    /* Sjenka za dubinu */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}


/* NOVI KOD: Stil za input polja */
.login-box input[type="email"],
.login-box input[type="password"] {
    /* Prozirna pozadina i blagi okvir */
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    
    /* Boja teksta */
    color: white !important;
    
    /* Zaobljeni rubovi za svako polje posebno */
    border-radius: 0.5rem !important; /* 8px */
    
    /* Uklanjanje zadanih stilova prilikom fokusa */
    box-shadow: none !important;
}

/* Stil za "placeholder" tekst (npr. "Unesite email") */
.login-box input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
    opacity: 1; 
}

/* Stil za polje kada se klikne na njega (focus) */
.login-box input:focus {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    outline: none !important;
}