/* assets/css/provjera_botova.css - vlastita provjera protiv botova na obrascima prijave i zaboravljene lozinke
   (funkcije/provjera_botova_lib.php, assets/js/provjera_botova.js). Ikone su SVG u data: adresi (CSP: img-src data:). */

/* polje-zamka: van ekrana, ne vidi ga ni čitač ekrana (roditelj ima aria-hidden), ne dobija fokus (tabindex=-1) */
.pb-zamka {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.pb-stanje {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.4;
    color: #6c757d;
}

.pb-stanje[hidden] {
    display: none;
}

.pb-tekst {
    min-width: 0;
    overflow-wrap: anywhere;
}

.pb-ikona {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border: 2px solid #ced4da;
    border-top-color: #0d6efd;
    border-radius: 50%;
    animation: pb-vrtnja 0.8s linear infinite;
}

.pb-stanje[data-faza="gotovo"] {
    color: #2e7d32;
}

.pb-stanje[data-faza="gotovo"] .pb-ikona,
.pb-stanje[data-faza="greska"] .pb-ikona,
.pb-stanje[data-faza="nedostupna"] .pb-ikona {
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 0;
    animation: none;
    background: no-repeat center / 16px 16px;
}

.pb-stanje[data-faza="gotovo"] .pb-ikona {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 4.5 5.6v5.6c0 4.6 3.1 8.6 7.5 10 4.4-1.4 7.5-5.4 7.5-10V5.6z'/%3E%3Cpath d='m8.6 12.2 2.3 2.3 4.6-4.8'/%3E%3C/svg%3E");
}

.pb-stanje[data-faza="greska"],
.pb-stanje[data-faza="nedostupna"] {
    color: #842029;
}

.pb-stanje[data-faza="greska"] .pb-ikona,
.pb-stanje[data-faza="nedostupna"] .pb-ikona {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23842029' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 2.5 20h19z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Cpath d='M12 17.2h.01'/%3E%3C/svg%3E");
}

.pb-ponovo {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 2px 0;
    border: 0;
    background: none;
    color: #0d6efd;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
}

.pb-ponovo:focus-visible {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

.pb-noscript {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid #ffe69c;
    border-radius: 4px;
    background: #fff3cd;
    color: #664d03;
    font-size: 13px;
}

form[aria-busy="true"] button[type="submit"] {
    cursor: progress;
    opacity: 0.8;
}

@keyframes pb-vrtnja {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .pb-ikona {
        animation-duration: 2.4s;
    }
}