/* ============================================================
   MONTANA+ tema za obrazac nagradne igre
   Font i boje usklađeni s tekstualnim dijelom montanaplus.com:
     - tijelo teksta: Open Sans, #4d2914 na krem #fcf8ec
     - naslovi na stranici su Sentinel (komercijalni font,
       Hoefler&Co) — ovdje Georgia/serif kao fallback
   Učitava se preko config.php → 'client_css'.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');

body,
.form-control,
.btn-send,
label,
.custom-control-label,
.custom-file-label,
.help-block {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

body {
    color: #4d2914;
}

/* Labele — kao podnaslovi u članku (bold, smeđe) */
label {
    font-weight: 600;
}

/* Polja: topliji rub (montanalight-400) umjesto Bootstrap sive,
   suptilna krem podloga kao kartice na stranici */
.form-control {
    border-color: #e1ccab;
    background-color: #fffdf6;
}
.form-control::placeholder {
    color: #a68159; /* montanadark-400 — prigušena smeđa */
    opacity: 1;
}
.form-control:focus {
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(77, 41, 20, 0.12);
}

/* Gumb: pill oblik kao gumbi na montanaplus.com, blagi uppercase */
.btn-send {
    border-radius: 999px !important;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 16px;
    transition: background-color 0.15s ease;
}

/* Drag & drop zona u toplim tonovima */
#drag-and-drop-area {
    border-color: #d2b184;      /* montanadark-300 */
    color: #a68159;
    background-color: #faf0da;  /* montanalight-200 */
}
#drag-and-drop-area.dragover {
    background-color: #f0e0c2;  /* montanalight-300 */
    border-color: #6b4829;
}
#drag-and-drop-area.uploaded {
    background-color: #f7edd9;  /* montanadark-100 */
    border-color: #4d2914;
}

/* Linkovi (pravilnik, privola) — smeđi s podcrtom */
a {
    color: #5c371d;
    text-decoration: underline;
}
a:hover {
    color: #331307;
}

/* OCR prijedlog u toplim tonovima umjesto plavog defaulta */
.ocr-suggestion {
    background: #faf0da !important;
    border-color: #d2b184 !important;
}
.ocr-suggestion .ocr-value {
    color: #4d2914 !important;
}