/* ==========================================================================
   FMN Kragujevac — elektronska prijava — glavni stilovi
   Boja brenda: #7a1f2b (bordo)
   ========================================================================== */

body {
    font-family: "Segoe UI", Arial, sans-serif;
    background: #f7f6f4;
    color: #333;
}

/* ---------- Gornja traka i navigacija ---------- */
.fmn-topbar {
    background: #7a1f2b;
    color: #fff;
    font-size: 12px;
    padding: 6px 0;
    letter-spacing: 1px;
}
.fmn-topbar a { color: #f3d9dd; }

.fmn-navbar {
    background: #fff;
    border: 0;
    border-bottom: 3px solid #7a1f2b;
    border-radius: 0;
    margin-bottom: 0;
}
.fmn-navbar .navbar-brand {
    font-weight: bold;
    color: #7a1f2b !important;
    height: auto;
    padding: 12px 15px;
}
.fmn-navbar .navbar-brand img {
    display: inline-block;
    height: 34px;
    margin-right: 8px;
    vertical-align: middle;
}
.fmn-navbar .navbar-nav > li > a {
    color: #444;
    font-weight: 600;
}
.fmn-navbar .navbar-nav > li > a:hover,
.fmn-navbar .navbar-nav > li.active > a,
.fmn-navbar .navbar-nav > li.active > a:hover {
    color: #7a1f2b;
    background: #f9eef0;
}

/* ---------- Sadržaj ---------- */
.fmn-sadrzaj {
    padding-top: 25px;
    padding-bottom: 40px;
    min-height: 480px;
}

.fmn-naslov {
    color: #7a1f2b;
    border-bottom: 2px solid #e5d3d6;
    padding-bottom: 8px;
    margin-top: 5px;
}
.fmn-podnaslov { color: #7a1f2b; }

/* ---------- Dugmad ---------- */
.fmn-btn-glavni {
    background: #7a1f2b;
    color: #fff !important;
    border: 1px solid #641823;
}
.fmn-btn-glavni:hover, .fmn-btn-glavni:focus {
    background: #641823;
    color: #fff;
}

/* ---------- Hero na početnoj ---------- */
.fmn-hero {
    background: linear-gradient(135deg, #7a1f2b 0%, #4d1017 100%);
    color: #fff;
    border-radius: 6px;
    padding: 40px 35px;
    margin-bottom: 25px;
}
.fmn-hero h1 { margin-top: 0; font-size: 30px; }
.fmn-hero p { font-size: 16px;   }

/* ---------- Koraci prijave ---------- */
.fmn-koraci { margin-top: 15px; }
.fmn-korak {
    background: #fff;
    border: 1px solid #e7e0e1;
    border-radius: 6px;
    padding: 18px;
    min-height: 150px;
    margin-bottom: 15px;
}
.fmn-korak-broj {
    display: inline-block;
    width: 34px; height: 34px;
    line-height: 34px;
    text-align: center;
    background: #7a1f2b;
    color: #fff;
    border-radius: 50%;
    font-weight: bold;
    margin-bottom: 8px;
}

/* ---------- Paneli forme ---------- */
.panel-heading strong { color: #555; }
.panel-primary { border-color: #7a1f2b; }
.panel-primary > .panel-heading {
    background: #7a1f2b;
    border-color: #7a1f2b;
    color: #fff;
}
.panel-primary > .panel-heading strong { color: #fff; }

/* Paneli (npr. "Уписни рок") unutar tamnog hero-a nasleđuju belu boju
   teksta sa .fmn-hero - vraćamo standardnu tamnu boju da tekst ostane čitljiv. */
.fmn-hero .panel { color: #333; }

.fmn-obavezno { color: #b30000; }

/* ---------- Broj prijave (potvrda) ---------- */
.fmn-broj-prijave {
    font-size: 28px;
    font-weight: bold;
    color: #7a1f2b;
    letter-spacing: 3px;
    text-align: center;
    border: 2px dashed #7a1f2b;
    border-radius: 6px;
    padding: 8px 10px 10px;
    background: #fdf7f8;
    margin: 6px 0;
}
.fmn-broj-prijave .fmn-broj-etiketa {
    display: block;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    color: #555;
    margin-bottom: 2px;
}

/* ---------- Potvrda za štampu ---------- */
.fmn-potvrda {
    background: #fff;
    border: 1px solid #ddd;
    padding: 25px;
}
.fmn-potvrda .fmn-potvrda-zaglavlje {
    text-align: center;
    border-bottom: 2px solid #7a1f2b;
    padding-bottom: 12px;
    margin-bottom: 18px;
}
.fmn-tabela-detalji th {
    width: 22%;
    background: #faf6f7;
    font-weight: 600;
    color: #555;
}

/* ---------- Kontrolna lista dokumenata ---------- */
.fmn-dok-ok { color: #3c763d; }
.fmn-dok-fali { color: #a94442; }

/* ---------- Footer ---------- */
.fmn-footer {
    background: #2d2225;
    color: #cbb9bd;
    padding: 25px 0;
    font-size: 13px;
}
.fmn-footer a { color: #e8d2d6; }
.fmn-footer h5 { color: #fff; }

/* ---------- Admin ---------- */
.fmn-admin-sadrzaj { padding-top: 20px; padding-bottom: 40px; }

.fmn-login-body {
    background: #f0ebec;
    padding-top: 70px;
}
.fmn-login-panel .panel-heading {
    background: #7a1f2b;
    color: #fff;
}

.fmn-stat {
    background: #fff;
    border: 1px solid #e3dcdd;
    border-radius: 6px;
    text-align: center;
    padding: 18px 10px;
    margin-bottom: 18px;
    color: #666;
}
.fmn-stat-broj {
    display: block;
    font-size: 34px;
    font-weight: bold;
    color: #7a1f2b;
}
.fmn-stat-glavna {
    background: #7a1f2b;
    color: #f2dfe2;
    border-color: #641823;
}
.fmn-stat-glavna .fmn-stat-broj { color: #fff; }

.fmn-filter-forma { margin-bottom: 18px; }

/* ---------- Štampa ---------- */
@media print {
    body { background: #fff; }
    .fmn-topbar, .fmn-navbar, .fmn-footer, .fmn-bez-stampe,
    .navbar, .btn, .alert { display: none !important; }
    .fmn-sadrzaj { padding: 0; min-height: 0; }
    #potvrda-stampa, .fmn-potvrda { border: 0; padding: 0; }
    a[href]:after { content: ""; }

    /* Kompaktnija potvrda - sve mora da stane na JEDNU stranu */
    .fmn-potvrda { page-break-inside: avoid; }
    .fmn-potvrda .fmn-potvrda-zaglavlje { padding-bottom: 6px; margin-bottom: 10px; }
    .fmn-potvrda .fmn-potvrda-zaglavlje h2 { font-size: 22px; margin: 6px 0 2px; }
    .fmn-potvrda .fmn-potvrda-zaglavlje h3 { font-size: 18px; margin: 2px 0; }
    .fmn-potvrda .fmn-potvrda-zaglavlje h4 { font-size: 14px; margin: 2px 0; }
    .fmn-broj-prijave { font-size: 22px; padding: 4px 8px 6px; margin: 4px 0; letter-spacing: 2px; }
    .fmn-broj-prijave .fmn-broj-etiketa { font-size: 10px; margin-bottom: 0; }
    .fmn-potvrda .table { margin-bottom: 8px; }
    .fmn-potvrda .table > tbody > tr > th,
    .fmn-potvrda .table > tbody > tr > td { padding: 4px 8px; font-size: 12px; }
    .fmn-potvrda img[alt^="EAN"] { max-width: 170px !important; }
    .fmn-potvrda img[alt^="QR"] { width: 110px !important; height: 110px !important; }
    .fmn-potvrda .small { font-size: 10px; }
}

/* Honeypot polje - sakriveno od ljudi, vidljivo botovima */
.fmn-hp {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    height: 0;
    overflow: hidden;
}