/* prettier-ignore */
/*# sourceMappingURL=user.css.map */
/* Definicija baznog stila za dugme */
.btn-hardoffice-red {
    color: #fff; /* Beli tekst za dobru čitljivost na tamnoj pozadini */
    background-color: #EB446C; /* Željena boja pozadine */
    border-color: #EB446C; /* Boja okvira */
    min-width: 190px; /* Dodato da se tekst ne prelama */
}

/* Stil za prelazak mišem (hover) */
.btn-hardoffice-red:hover {
    color: #fff;
    background-color: #d13d61; /* Malo tamnija nijansa za hover efekat */
    border-color: #d13d61;
}

/* Stil za aktivno dugme/pritisnuto dugme */
.btn-hardoffice-red:active,
.btn-hardoffice-red:focus {
    color: #fff;
    background-color: #b73656; /* Još tamnija nijansa */
    border-color: #b73656;
    box-shadow: 0 0 0 0.25rem rgba(235, 68, 108, 0.5); /* Blagi fokus okvir */
}

/* Fiks za dugme "Poništi" (Reset) da ima crveni border/hover */
.btn-outline-secondary {
    color: var(--boots5-body-color);
    border-color: #EB446C; /* Boja bordera kao btn-hardoffice-red */
}

.btn-outline-secondary:hover {
    color: #fff; /* Beli tekst na hover-u */
    background-color: #EB446C; /* Boja pozadine kao btn-hardoffice-red */
    border-color: #EB446C;
}

.btn-outline-secondary:active,
.btn-outline-secondary:focus {
    color: #fff;
    background-color: #b73656;
    border-color: #b73656;
    box-shadow: 0 0 0 0.25rem rgba(235, 68, 108, 0.5);
}


/* Fix for active accordion header text to display cyan gradient */
.accordion-button:not(.collapsed) {
    color: transparent !important;
}

.accordion-button:not(.collapsed) span {
    background: -webkit-linear-gradient(100deg, #017df0, #00f0ff);
    background: linear-gradient(100deg, #017df0, #00f0ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
/* Stilizacija za 404 stranicu */

/* Stilizacija za 404 stranicu */

/* Ciljamo samo karticu sa jedinstvenom klasom 'error-card' */
.error-card {
    /* Postavljamo putanju do vaše slike */
    background-image: url('../img/404.jpg');
    /* Prilagođavamo sliku da pokrije celu karticu */
    background-size: cover;
    /* Centriramo sliku */
    background-position: center;
    /* Sprečavamo ponavljanje slike */
    background-repeat: no-repeat;
    /* Uklanjamo postojeću senku (shadow-sm) definisanu u Bootstrapu */
    box-shadow: none !important;
    /* Postavljamo providnu pozadinsku boju za 'card' da bi se videla slika */
    background-color: transparent !important;
}

/* Ciljamo telo kartice na 404 stranici (.card-body unutar .error-card) */
.error-card .card-body {
    background-color: rgba(255, 255, 255, 0.55); /* Bela boja sa 55% neprozirnosti */
    border-radius: 0.5rem; /* Opciono: Održavanje zaobljenih ivica */
}