/* ============================================================
   PÄNDY tema — „BIRAJ PÄNDY, GRICKAJ TRÄNDY“ (A1 d.o.o. / Konzum)
   Boje po www.a-1.hr: magenta #CA2F5E, naslovi #333, tekst #666,
   polja s tankim sivim rubom #818386, sve četvrtasto.
   Font: SAMO sistemski — bez Google Fonts / vanjskih fontova.
   Učitava se preko config.php → 'client_css', nakon theme.php.
   ============================================================ */

body,
.form-control,
.btn-send {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body {
    color: #666666;
}

/* Labele — tamne, malo jače */
label {
    color: #333333;
    font-weight: 600;
}
.custom-control-label,
.custom-file-label {
    font-weight: 400;
}

/* Polja: kao newsletter polje na a-1.hr (tanki sivi rub, 47 px, četvrtasto) */
.form-control {
    border: 1px solid #818386;
    border-radius: 0;
    height: 47px;
    font-size: 15px;
    color: #343434;
}
.form-control::placeholder {
    color: #9a9da1;
    opacity: 1;
}
.form-control:focus {
    border-color: #CA2F5E;
    box-shadow: none;
}

/* Gumb: kao "POŠALJI" na a-1.hr — četvrtast, bijeli uppercase tekst, letter-spacing */
.btn-send {
    border-radius: 0 !important;
    height: 47px;
    line-height: 47px;
    padding: 0 40px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.15s ease;
}

/* Linkovi (pravila, privatnost) — magenta */
a {
    color: #CA2F5E;
    text-decoration: underline;
}
a:hover {
    color: #A8264D;
}

/* Upload: "Dodaj" gumb i label datoteke u istom stilu kao polja */
.custom-file-label,
.custom-file-label::after {
    height: 47px;
    line-height: 35px;
    border-radius: 0;
    border-color: #818386;
}
.custom-file-label::after {
    background-color: #CA2F5E;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.custom-file-input {
    height: 47px;
}

/* Drag & drop zona — magenta tonovi umjesto sivih */
#drag-and-drop-area {
    border-color: #CA2F5E;
    border-radius: 0;
    color: #666666;
    background-color: #fdf4f7;
}
#drag-and-drop-area.dragover,
#drag-and-drop-area.uploaded {
    background-color: #f9e3ea;
    border-color: #A8264D;
}

/* Gumb "Odustani" uz upload */
#cancel-upload {
    border-color: #CA2F5E;
    color: #CA2F5E;
    border-radius: 0;
    height: 47px;
}
#cancel-upload:hover {
    background-color: #CA2F5E;
    color: #ffffff;
}

/* OCR prijedlog — magenta kutija umjesto defaultne plave */
.ocr-suggestion {
    background: #fdf4f7 !important;
    border-color: #CA2F5E !important;
    border-radius: 0;
}
.ocr-suggestion .ocr-value {
    color: #A8264D !important;
}
#ocr-accept {
    background: #CA2F5E;
    color: #ffffff;
    border: 0;
    border-radius: 0;
    padding: 2px 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Info poruka (prijava već zaprimljena) — magenta tonovi umjesto Bootstrap plave */
.alert {
    border-radius: 0;
}
.alert-info {
    background-color: #fdf4f7;
    border-color: #CA2F5E;
    color: #7a1c3a;
}

/* Email polje se ne koristi (čl. 4 traži samo ime, adresu i mobitel) — sakrij.
   Nije obavezno, server prihvaća prazno. */
.controls > .row:has(#form_email) {
    display: none !important;
}