/*
 * Brend zelena (#0ABF53) i u RGB obliku. Tema je imala --bs-primary zelen, ali --bs-primary-rgb plav
 * (54,127,169), a klase kao .text-primary čitaju RGB — pa su „eVet", linkovi i ikonice bili plavi,
 * iako su dugmad zelena. Ova dva moraju uvek da idu zajedno.
 */
:root {
    --bs-primary-rgb: 10, 191, 83;
}

/* html,
body {
    height: 100%;
}

/*
 * Javni sajt NIKAD nema horizontalni skrol (pravilo, 14.10.2026., evet-ui §11a). Ovo je mreža
 * ispod svega: šta god izađe van širine prozora se seče. `clip` (ne `hidden`) ne pravi
 * skrol-kontejner, pa lepljivo zaglavlje i lepljiva zaglavlja tabela rade i dalje. Mreža nije
 * izgovor — element koji izlazi van ekrana i dalje se popravlja na svom mestu.
 */
html,
body {
    overflow-x: clip;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 8px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
} */

/* Validacione poruke — crvena slova, malo manji font (memorija: forme-validacija-stil) */
.help-block-error,
.has-error .help-block,
.invalid-feedback {
    color: #dc3545;
    font-size: 0.8125rem;
    line-height: 1.4;
    margin-top: 3px;
}
.has-error .form-control,
.has-error .form-select {
    border-color: #dc3545;
}

/* Hint ispod polja (npr. „Ako je kôd nejasan…") — bar 20% manji od fonta polja.

   Razmak je podignut sa 4px na 8px: na 4px se objašnjenje čitalo kao deo polja iznad njega
   (isti nalaz kao u backend-u, v. `backend/web/css/site.css`). */
.help-block:not(.help-block-error) {
    display: block;
    margin-top: 8px;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #6c757d;
}

/* Ista zaštita kao u backend-u: kartikov `.kv-form-bs3 .hint-block { margin-top: -5px }` na
   specifičnosti pobeđuje golu `.hint-block` klasu iznad. Portal danas kartik obrasce koristi samo
   u `user` modulu, ali pravilo stoji ovde da se problem ne vrati kad se pojavi negde drugde. */
body .kv-form-bs3 .hint-block,
body .kv-form-bs4 .hint-block,
body .kv-form-bs3 .kv-hint-block,
body .kv-form-bs4 .kv-hint-block {
    margin-top: 8px;
    color: #6c757d;
    font-size: 0.8rem;
    line-height: 1.4;
}

/* Korisnikova primedba 18.09.2026. — tabele „Ograničenja" u blog uputstvima (npr.
   BlogController::clanciUputstvaDetaljna()) su go HTML `<table>`, bez Bootstrapove `.table`
   klase, pa nemaju vidljive ivice kolona i deluju kao da se stavke preklapaju. */
.blog-telo table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

.blog-telo th,
.blog-telo td {
    border: 1px solid #dee2e6;
    padding: 0.5rem 0.75rem;
    text-align: left;
    vertical-align: top;
}

.blog-telo thead th {
    background-color: #f8f9fa;
}

/* ==========================================================================
   Redizajn sajta (13.10.2026.) — osnovni `ev-` stilovi.
   Izvor: nacrti „Zaglavlje", „Podnožje", „Početna — računar" i „Početna — telefon".
   Bootstrap 5 / Front tema ostaju (blog i forme ih koriste); nove klase ih ne gaze.
   ========================================================================== */
:root {
    --ev-tamna: #142130;
    --ev-tamna-2: #17243a;
    --ev-tekst: #142130;
    --ev-tekst-2: #3d4b5c;
    --ev-tekst-3: #5a6878;
    --ev-plava: #1f6aa0;
    --ev-plava-svetla: #e3eef7;
    --ev-zelena: #17843f;
    --ev-zelena-svetla: #1fa34f;
    --ev-zelena-tamna: #136b33;
    --ev-pozadina: #f3f7fa;
    --ev-ivica: #dfe6ee;
    --ev-ivica-svetla: #e6ebf1;
    --ev-futer-tekst: #c8d3df;
    --ev-futer-tekst-2: #9fb0c2;
    --ev-futer-ivica: #2a3a50;
    --ev-radijus: 12px;
    --ev-kontejner-razmak: 24px;
}

/* --- Kontejner --- */
.ev-kontejner {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--ev-kontejner-razmak);
    padding-right: var(--ev-kontejner-razmak);
    box-sizing: border-box;
}

/* --- Naslovi --- */
.ev-oznaka {
    color: var(--ev-plava);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.ev-naslov-1,
.ev-naslov-2,
.ev-naslov-3 {
    margin: 0;
    color: var(--ev-tekst);
    font-weight: 800;
}
.ev-naslov-1 { font-size: 52px; line-height: 1.08; letter-spacing: -0.02em; }
.ev-naslov-2 { font-size: 40px; line-height: 1.12; letter-spacing: -0.01em; }
.ev-naslov-3 { font-size: 22px; line-height: 1.2; }
.ev-uvod {
    margin: 0;
    color: var(--ev-tekst-2);
    font-size: 18px;
    line-height: 1.6;
}

/* --- Dugmad --- */
.ev-dugme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border: 1.5px solid transparent;
    border-radius: var(--ev-radijus);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.ev-dugme:focus-visible {
    outline: 3px solid rgba(31, 106, 160, .45);
    outline-offset: 2px;
}
.ev-dugme-zeleno { background: var(--ev-zelena); color: #fff; }
.ev-dugme-zeleno:hover,
.ev-dugme-zeleno:focus { background: var(--ev-zelena-tamna); color: #fff; }
.ev-dugme-plavo { background: var(--ev-plava); color: #fff; }
.ev-dugme-plavo:hover,
.ev-dugme-plavo:focus { background: #195784; color: #fff; }
.ev-dugme-obrub { background: #fff; border-color: #c9d6e2; color: var(--ev-tekst); }
.ev-dugme-obrub:hover,
.ev-dugme-obrub:focus { border-color: var(--ev-plava); color: var(--ev-plava); }
.ev-dugme-tekst { background: transparent; color: var(--ev-plava); padding: 0 14px; }
.ev-dugme-tekst:hover,
.ev-dugme-tekst:focus { background: var(--ev-plava-svetla); color: var(--ev-plava); }
.ev-dugme-svetlo { background: #fff; color: var(--ev-tamna); }
.ev-dugme-svetlo:hover,
.ev-dugme-svetlo:focus { background: #e6eef6; color: var(--ev-tamna); }
.ev-dugme-veliko {
    min-height: 52px;
    padding: 0 26px;
    border-radius: 14px;
    font-size: 17px;
}

/* --- Zaglavlje --- */
.ev-zaglavlje {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: #fff;
    border-bottom: 1px solid var(--ev-ivica-svetla);
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--ev-tekst);
}
.ev-zaglavlje-red {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 28px;
    padding-top: 14px;
    padding-bottom: 14px;
}
.ev-zaglavlje-logo {
    display: flex;
    align-items: center;
    min-height: 44px;
}
.ev-zaglavlje-logo img {
    display: block;
    width: auto;
    height: 34px;
}
.ev-zaglavlje-sklop {
    flex: 1 1 auto;
}
.ev-meni {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}
.ev-meni-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 10px;
    color: var(--ev-tekst);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}
.ev-meni-link:hover,
.ev-meni-link:focus {
    background: var(--ev-pozadina);
    color: var(--ev-tekst);
}
.ev-meni-link[aria-current="page"] {
    color: var(--ev-plava);
    background: var(--ev-plava-svetla);
}
.ev-zaglavlje-akcije {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ev-zaglavlje-tel {
    display: none;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}
.ev-zaglavlje-meni-dugme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--ev-ivica);
    border-radius: var(--ev-radijus);
    background: #fff;
    color: var(--ev-tekst);
    cursor: pointer;
}
.ev-zaglavlje-meni-dugme .ev-ikona-zatvori { display: none; }
.ev-zaglavlje-meni-dugme:not(.collapsed) .ev-ikona-meni { display: none; }
.ev-zaglavlje-meni-dugme:not(.collapsed) .ev-ikona-zatvori { display: block; }

/* Računar: meni je uvek otvoren, bez obzira na stanje `collapse`. */
@media (min-width: 992px) {
    .ev-zaglavlje-sklop.collapse,
    .ev-zaglavlje-sklop.collapsing {
        display: flex !important;
        height: auto !important;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        visibility: visible;
    }
}

/* Tablet i telefon: logo, Prijava, dugme menija; meni se otvara ispod. */
@media (max-width: 991.98px) {
    .ev-zaglavlje-red {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .ev-zaglavlje-logo img { height: 28px; }
    .ev-zaglavlje-tel { display: flex; }
    .ev-zaglavlje-sklop {
        flex-basis: 100%;
    }
    .ev-zaglavlje-sklop .ev-meni {
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        padding-top: 10px;
    }
    .ev-zaglavlje-sklop .ev-meni-link { font-size: 16px; }
    .ev-zaglavlje-sklop .ev-zaglavlje-akcije {
        padding: 12px 0 6px;
        border-top: 1px solid var(--ev-ivica-svetla);
        margin-top: 8px;
    }
    .ev-zaglavlje-sklop .ev-zaglavlje-akcije .ev-dugme-zeleno { flex: 1 1 auto; min-height: 48px; }
    .ev-samo-racunar { display: none !important; }
}

/* --- Podnožje --- */
.ev-futer {
    background: var(--ev-tamna);
    color: var(--ev-futer-tekst);
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.ev-futer a {
    color: var(--ev-futer-tekst);
    text-decoration: none;
}
.ev-futer a:hover,
.ev-futer a:focus {
    color: #fff;
    text-decoration: underline;
}
.ev-futer-poziv {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px 32px;
    padding: 48px 0 40px;
    border-bottom: 1px solid var(--ev-futer-ivica);
}
.ev-futer-poziv-naslov {
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 32px;
    line-height: 1.2;
    font-weight: 500;
}
.ev-futer .ev-futer-poziv .ev-dugme-zeleno { color: #fff; text-decoration: none; }
.ev-futer-kolone {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 28px;
    padding: 48px 0 36px;
}
.ev-futer-kolona {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.ev-futer-naslov {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.ev-futer-lista,
.ev-futer-mreze {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ev-futer-mreze {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 4px;
}
.ev-futer-mreze i { margin-right: 4px; }
.ev-futer .ev-futer-istaknut {
    color: #fff;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.ev-futer-dno {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    padding: 20px 0 28px;
    border-top: 1px solid var(--ev-futer-ivica);
    font-size: 13px;
    color: var(--ev-futer-tekst-2);
}
.ev-futer .ev-futer-dno a { color: var(--ev-futer-tekst-2); }
.ev-futer .ev-futer-dno a:hover,
.ev-futer .ev-futer-dno a:focus { color: #fff; }
.ev-futer-jezik { margin: 0; }
.ev-futer-jezik b { color: #fff; font-weight: 700; }

@media (max-width: 991.98px) {
    .ev-futer-kolone { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* --- Telefon (≤ 767 px), po nacrtu „Početna — telefon" --- */
@media (max-width: 767.98px) {
    :root { --ev-kontejner-razmak: 16px; }

    .ev-naslov-1 { font-size: 34px; line-height: 1.1; }
    .ev-naslov-2 { font-size: 28px; line-height: 1.15; }
    .ev-uvod { font-size: 17px; }

    .ev-futer-poziv { padding: 32px 0 28px; }
    .ev-futer-poziv-naslov { font-size: 24px; }
    .ev-futer-poziv .ev-dugme { width: 100%; }

    /* Kolone postaju redovi sa razdelnicima; svaka stavka ima dodir ≥ 44 px. */
    .ev-futer-kolone {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 8px 0 12px;
    }
    .ev-futer-kolona {
        gap: 0;
        padding: 10px 0 6px;
        border-bottom: 1px solid var(--ev-futer-ivica);
    }
    .ev-futer-naslov { font-size: 12px; color: var(--ev-futer-tekst-2); }
    .ev-futer-lista,
    .ev-futer-mreze {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 18px;
        margin-top: 0;
    }
    /* inline-block, ne inline-flex: flex bi progutao razmak ispred obojenog „eVet" (BrendTekst). */
    .ev-futer-lista a,
    .ev-futer-mreze a {
        display: inline-block;
        padding: 11px 0;
        color: #fff;
    }
    .ev-futer-dno {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        border-top: 0;
        padding-top: 12px;
    }
    .ev-futer-jezik a,
    .ev-futer-autor {
        display: inline-block;
        padding: 11px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ev-dugme,
    .ev-zaglavlje-sklop.collapsing {
        transition: none !important;
    }
}

/* ==========================================================================
   Početna (redizajn sajta, Faze 2–5, 13.10.2026.) — po nacrtima „Početna — računar"
   (Main.dc.html) i „Početna — telefon" (PocetnaTelefon.dc.html, ≤ 767 px).
   Ponašanje karusela i mape je u /js/sajt.js; bez JS-a strana ostaje upotrebljiva.
   ========================================================================== */
.ev-pocetna {
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--ev-tekst);
    font-size: 16px;
    line-height: 1.55;
}
.ev-pocetna p { margin: 0; }
/* Tema boji `p, ul` (#2d374b) — ovde boja dolazi od roditelja (tamna traka paketa). Nulta
   specifičnost `:where` + kasniji redosled: pobeđuje temu, a svaka `ev-` klasa pobeđuje ovo. */
:where(.ev-pocetna, .ev-paket-kartice, .ev-tabela-objasnjenja) :is(p, ul, ol) { color: inherit; }
.ev-pocetna figure { margin: 0; }
.ev-pocetna a { color: var(--ev-plava); }
.ev-pocetna a:hover { color: #164f78; }
.ev-pocetna a.ev-dugme-zeleno,
.ev-pocetna a.ev-dugme-zeleno:hover { color: #fff; }
.ev-pocetna a.ev-dugme-obrub { color: var(--ev-tekst); }
.ev-pocetna a.ev-dugme-obrub:hover { color: var(--ev-plava); }
.ev-pocetna .ev-naslov-2 { font-size: 40px; }
.ev-centar { text-align: center; }
.ev-pocetna > section { scroll-margin-top: 76px; }
.ev-samo-telefon-blok { display: none; }

/* Male oznake */
.ev-znacka {
    align-self: flex-start;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--ev-plava-svetla);
    color: var(--ev-plava);
    font-size: 13px;
    font-weight: 700;
}
.ev-oznaka-zelena { color: #1f6b45; }
.ev-pilula {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--ev-pozadina);
}
.ev-pocetna .badge { font-size: 11px; font-weight: 700; vertical-align: middle; }
.ev-link-strelica {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
}
.ev-kvacica {
    flex: 0 0 22px;
    height: 22px;
    border-radius: 999px;
    background: #e1efe6;
    color: var(--ev-zelena);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}
.ev-lista-kvacice {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ev-lista-kvacice li {
    display: flex;
    gap: 10px;
    font-size: 15px;
    line-height: 1.45;
}
.ev-lista-kvacice-mala .ev-kvacica { flex-basis: 20px; height: 20px; }
.ev-lista-kvacice-mala li { font-weight: 600; color: #22313f; }

/* Okviri uređaja */
.ev-pregledac {
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--ev-ivica);
    box-shadow: 0 24px 60px rgba(20, 33, 48, .16);
}
.ev-pregledac-traka {
    display: flex;
    gap: 6px;
    padding: 10px 14px;
    background: #eef2f6;
    border-bottom: 1px solid var(--ev-ivica);
}
.ev-pregledac-traka span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #d3dbe4;
}
.ev-pregledac img {
    display: block;
    width: 100%;
    height: auto;
}
.ev-telefon {
    border-radius: 26px;
    overflow: hidden;
    border: 6px solid var(--ev-tamna);
    background: var(--ev-tamna);
}
.ev-telefon img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
}

/* --- Hero --- */
.ev-hero {
    background: var(--ev-pozadina);
    border-bottom: 1px solid var(--ev-ivica-svetla);
}
.ev-hero-red {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    align-items: center;
    padding-top: 72px;
    padding-bottom: 80px;
}
.ev-hero-tekst {
    flex: 1 1 440px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.ev-hero-uvod {
    font-size: 19px;
    color: var(--ev-tekst-2);
    max-width: 560px;
}
.ev-hero-dugmad {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.ev-hero-napomena {
    font-size: 14px;
    color: var(--ev-tekst-3);
}
.ev-pocetna .ev-hero-prijava {
    display: inline-block;
    padding: 12px 2px;
    margin: -12px 0;
    font-weight: 700;
}
.ev-hero-slike {
    flex: 1 1 560px;
    min-width: 0;
    position: relative;
    padding-bottom: 40px;
}
.ev-hero-telefon {
    position: absolute;
    right: -8px;
    bottom: -24px;
    width: 190px;
    box-shadow: 0 20px 40px rgba(20, 33, 48, .28);
}

/* --- Pet ekrana (karusel) --- */
.ev-radi {
    padding: 96px 0 48px;
    overflow: hidden;
}
.ev-radi-zaglavlje {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 28px;
}
.ev-radi-naslov {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ev-radi-strelice { display: flex; gap: 8px; }
.ev-strelica {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    border: 1.5px solid #c9d6e2;
    background: #fff;
    color: var(--ev-tekst);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ev-strelica-puna { border: 0; background: var(--ev-plava); color: #fff; }
.ev-strelica:hover { border-color: var(--ev-plava); }
.ev-strelica-puna:hover { background: #195784; }
.ev-radi-jezicci {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}
.ev-radi-jezicak {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 44px;
    padding: 0 0 4px;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
    color: var(--ev-tekst-3);
    cursor: pointer;
}
.ev-radi-jezicak[aria-selected="true"] { color: var(--ev-tekst); }
.ev-radi-napredak {
    display: block;
    height: 4px;
    border-radius: 999px;
    background: #e3e9f0;
    overflow: hidden;
}
.ev-radi-napredak span {
    display: block;
    height: 100%;
    width: 0;
    background: var(--ev-plava);
    border-radius: 999px;
}
.ev-radi-jezicak.ev-prosao .ev-radi-napredak span,
.ev-radi-jezicak[aria-selected="true"] .ev-radi-napredak span { width: 100%; }
.ev-radi-jezicak[aria-selected="true"].ev-tece .ev-radi-napredak span {
    animation: ev-traka 9s linear forwards;
}
@keyframes ev-traka { from { width: 0; } to { width: 100%; } }
.ev-radi-jezicak-tekst { display: flex; gap: 10px; align-items: baseline; }
.ev-radi-jezicak-tekst strong { font-size: 16px; line-height: 1.3; }
.ev-radi-broj { font-size: 13px; font-weight: 800; color: #9aa7b5; }
.ev-radi-jezicak[aria-selected="true"] .ev-radi-broj { color: var(--ev-plava); }
.ev-radi-jezicak:focus-visible,
.ev-pin:focus-visible,
.ev-strelica:focus-visible,
.ev-paketi-poredjenje summary:focus-visible {
    outline: 3px solid rgba(31, 106, 160, .45);
    outline-offset: 2px;
}
.ev-radi-okvir { margin-top: 20px; }
.ev-radi-prozor {
    border-radius: 28px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}
.ev-radi-traka { display: flex; }
/* Sa JS-om: slajdovi klize; bez JS-a: prevlače se (gornji overflow-x). */
.ev-radi-js .ev-radi-prozor { overflow: hidden; }
.ev-radi-js .ev-radi-traka { transition: transform 700ms cubic-bezier(.22, .61, .36, 1); }
.ev-slajd {
    flex: 0 0 100%;
    min-width: 0;
    box-sizing: border-box;
    scroll-snap-align: start;
    height: 600px;
    padding: 40px;
    background: linear-gradient(150deg, #e7f0f8 0%, #f5f8fb 70%);
    display: flex;
    gap: 40px;
    align-items: center;
}
.ev-slajd-tekst {
    flex: 0 0 340px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ev-slajd-gde {
    align-self: flex-start;
    padding: 5px 12px;
    border-radius: 999px;
    background: #fff;
    color: var(--ev-plava);
    font-size: 13px;
    font-weight: 700;
}
.ev-slajd-naslov {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
    color: var(--ev-tekst);
}
.ev-slajd-opis { color: var(--ev-tekst-2); }
.ev-slajd-slika {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ev-pregledac-pun {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-color: #d7e1ea;
    box-shadow: 0 20px 48px rgba(20, 33, 48, .14);
}
.ev-pregledac-pun .ev-pregledac-traka { flex: 0 0 auto; padding: 9px 12px; }
.ev-pregledac-pun img {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    object-fit: cover;
    object-position: top left;
}
.ev-slajd-telefoni {
    height: 100%;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.ev-slajd-telefoni {
    width: 100%;
}
.ev-slajd-telefoni .ev-telefon {
    flex: 0 0 28%;
    min-width: 0;
    height: auto;
    aspect-ratio: 585 / 996;
    border-width: 7px;
    border-radius: 30px;
    background: #eef2f6;
    box-shadow: 0 20px 40px rgba(20, 33, 48, .22);
}
.ev-slajd-telefoni .ev-telefon:nth-child(2) { flex-basis: 32%; }
.ev-slajd-telefoni .ev-telefon img {
    height: 100%;
    object-fit: cover;
    border-radius: 23px;
}
.ev-radi-jos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 24px;
    color: var(--ev-tekst-2);
    font-size: 15px;
}
.ev-radi-jos strong { color: var(--ev-tekst); }
.ev-radi-jos .ev-link-strelica { margin-left: 6px; }

/* --- Mapa klinike ---
 * Nacrti „Mapa klinike — E2" (računar, ≥ 992 px) i „Mapa klinike — telefon" (< 992 px, i tablet),
 * 14.10.2026. Isti markup, dva rasporeda; stanja (`ev-mapa-js`, `ev-mapa-otvoreno`, `ev-mapa-zum`,
 * `ev-mesto-otvoren`) postavlja `sajt.js`. Bez JS-a: šarena ilustracija i opis Protokola ispod nje.
 * Strana nikad ne dobija horizontalni skrol — pozornica seče sve što izađe van ivice (`clip`).
 */
.ev-mapa {
    padding: 72px 0 48px;
    background: linear-gradient(#fff 0%, #f1f6fa 55%, #fff 100%);
}
.ev-mapa-pozornica {
    position: relative;
    isolation: isolate;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}
.ev-mapa-zaglavlje {
    max-width: 1288px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
}
.ev-mapa .ev-mapa-zaglavlje .ev-naslov-2 { max-width: 900px; margin: 0; font-size: 30px; line-height: 1.15; }
.ev-mapa-zaglavlje .ev-oznaka { font-size: 13px; }
.ev-mapa-uputstvo {
    margin: 0;
    font-size: 14px;
    color: #5a6878;
    transition: opacity .3s;
}
.ev-mapa-red { position: relative; margin-top: 14px; }
.ev-mapa-okvir { position: relative; }
.ev-mapa-scena {
    position: relative;
    width: 100%;
    aspect-ratio: 1699 / 926;
    --ev-krug: 140px;
    --ev-krug-ivica: 230px;
}
.ev-mapa-boja,
.ev-mapa-siva {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}
/* Siva slika se pojavljuje tek sa JS-om; bez njega se vidi šarena ilustracija. */
.ev-mapa-siva {
    display: none;
    z-index: 1;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(circle at var(--mx) var(--my), transparent 0, transparent var(--ev-krug), #000 var(--ev-krug-ivica));
    mask-image: radial-gradient(circle at var(--mx) var(--my), transparent 0, transparent var(--ev-krug), #000 var(--ev-krug-ivica));
}
.ev-mapa-js .ev-mapa-siva { display: block; }

/* Pin: dugme sa tačkom i natpisom (natpis se na telefonu ne vidi; ime nosi `aria-label`). */
.ev-pin {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    margin: -22px 0 0 -22px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    font: inherit;
    transition: opacity .3s, visibility .3s;
}
.ev-pin-aktivan { z-index: 7; }
.ev-pin-tacka-okvir {
    position: relative;
    flex: 0 0 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ev-pin-puls {
    position: absolute;
    inset: 2px;
    border-radius: 999px;
    background: rgba(31, 106, 160, .32);
    animation: ev-puls 1.8s ease-out infinite;
}
.ev-pin-aktivan .ev-pin-puls { background: rgba(23, 132, 63, .38); }
@keyframes ev-puls {
    0% { transform: scale(.6); opacity: .9; }
    100% { transform: scale(1.6); opacity: 0; }
}
.ev-pin-tacka {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: var(--ev-plava);
    color: #fff;
    border: 3px solid #fff;
    box-shadow: 0 6px 16px rgba(20, 33, 48, .32);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s, background-color .2s;
}
.ev-pin-aktivan .ev-pin-tacka { background: var(--ev-zelena); transform: scale(1.15); }
.ev-pin-natpis {
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .95);
    color: var(--ev-tekst);
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 4px 12px rgba(20, 33, 48, .16);
    white-space: nowrap;
}

/* Prozor (računar) / kartica (telefon) mesta. */
.ev-mesto {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
    border-radius: 22px;
    background: #fff;
    border: 1.5px solid var(--ev-zelena);
    box-shadow: 0 24px 60px rgba(15, 34, 54, .16);
    color: var(--ev-tekst);
    text-align: left;
}
.ev-mesto[hidden] { display: none; }
.ev-mesto:focus { outline: none; }
.ev-mesto:focus-visible { outline: 3px solid rgba(31, 106, 160, .45); outline-offset: 2px; }
.ev-mesto-red {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.ev-mesto-oznaka {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 800;
    color: var(--ev-zelena);
}
.ev-mesto-ikona {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: #e1efe6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ev-mesto-zatvori {
    position: relative;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 999px;
    border: 1px solid #dfe6ee;
    background: #fff;
    color: var(--ev-tekst-2);
    font: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: none;
}
/* Površina za dodir 44 × 44, a krug ostaje 32 px kao na nacrtu. */
.ev-mesto-zatvori::before { content: ""; position: absolute; inset: -6px; }
.ev-mesto-zatvori:hover { background: var(--ev-pozadina); }
.ev-mesto-paket {
    align-self: flex-start;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--ev-plava-svetla);
    color: var(--ev-plava);
    font-size: 12px;
    font-weight: 700;
}
.ev-mesto-paket-svi { background: #e1efe6; color: var(--ev-zelena); }
.ev-mesto-naslov { font-size: 18px; line-height: 1.25; }
.ev-mesto-opis { margin: 0; font-size: 14px; line-height: 1.5; color: var(--ev-tekst-2); }
.ev-mesto-tokovi { display: flex; flex-direction: column; gap: 6px; }
.ev-mesto-tokovi-naslov {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #8a96a5;
}
.ev-mesto-pilule {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ev-mesto-pilule li {
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--ev-pozadina);
    border: 1px solid #e3e9f0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    color: #22313f;
}
.ev-mesto .ev-link-strelica { align-self: flex-start; min-height: 32px; font-size: 14px; }
.ev-mesto-strelice { display: none; gap: 8px; margin-top: 6px; }
.ev-mesto-strelica {
    flex: 1 1 0;
    min-width: 0;
    min-height: 48px;
    padding: 0 10px;
    border-radius: 14px;
    border: 1px solid #c9d6e2;
    background: #fff;
    color: var(--ev-tekst);
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}
.ev-mesto-strelica-sledece { border-color: var(--ev-plava); background: var(--ev-plava); color: #fff; }
.ev-mesto-zatvori:focus-visible,
.ev-mesto-strelica:focus-visible,
.ev-mapa-dugme:focus-visible,
.ev-mapa-nazad:focus-visible { outline: 3px solid rgba(31, 106, 160, .45); outline-offset: 2px; }

.ev-mapa-linija {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none;
    overflow: visible;
    color: var(--ev-zelena);
    opacity: 0;
    transition: opacity .4s;
}
.ev-mapa-linija-vidljiva { opacity: 1; }
.ev-mapa-mera { position: absolute; left: 0; top: 0; height: 0; visibility: hidden; pointer-events: none; }
.ev-mapa-nazad,
.ev-mapa-brojac,
.ev-mapa-izbor { display: none; }

/* Bez JS-a: opis podrazumevanog mesta stoji ispod ilustracije. */
.ev-mapa:not(.ev-mapa-js) .ev-mesto { max-width: 640px; margin: 24px auto 0; }

/* ---- Računar (≥ 992 px): sekcija staje u jedan prikaz ispod zaglavlja sajta ---- */
@media (min-width: 992px) {
    .ev-mapa-js { padding: 0; }
    .ev-mapa-js .ev-mapa-pozornica {
        min-height: calc(100vh - var(--ev-zaglavlje-visina));
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 16px 0;
    }
    /* Ista širina za meru (zatvoreno stanje) i za sliku: nikad šira od 1240, od ekrana ni od preostale visine. */
    .ev-mapa-mera,
    .ev-mapa-okvir {
        width: min(1240px, calc(100% - 48px), calc((100vh - var(--ev-zaglavlje-visina) - 150px) * 1.8348));
    }
    .ev-mapa-okvir {
        margin: 0 auto;
        left: 0;
        transition: width .6s cubic-bezier(.2, .8, .2, 1), left .6s cubic-bezier(.2, .8, .2, 1);
    }
    .ev-mapa-otvoreno .ev-mapa-okvir {
        width: var(--ev-mapa-sirina-otv, 1060px);
        left: var(--ev-mapa-pomak, 0px);
    }
    .ev-mapa-otvoreno .ev-mapa-uputstvo { opacity: 0; visibility: hidden; }
    .ev-mapa-js .ev-mesto-zatvori { display: inline-flex; align-items: center; justify-content: center; }
    .ev-mapa-js .ev-mesto {
        position: absolute;
        z-index: 6;
        width: 300px;
        visibility: hidden;
        opacity: 0;
        transform: translateX(-24px);
        transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
    }
    .ev-mapa-js .ev-mesto[data-ev-pozicija="1"] { left: var(--ev-mapa-kartica-x, 40px); top: -10px; }
    .ev-mapa-js .ev-mesto[data-ev-pozicija="2"] { left: var(--ev-mapa-kartica-x, 40px); bottom: 0; }
    .ev-mapa-js .ev-mesto[data-ev-pozicija="3"] { right: var(--ev-mapa-kartica-x, 40px); top: -10px; transform: translateX(24px); }
    .ev-mapa-js .ev-mesto.ev-mesto-otvoren {
        visibility: visible;
        opacity: 1;
        transform: none;
        transition: opacity .35s ease .25s, transform .45s cubic-bezier(.2, .8, .2, 1) .25s, visibility 0s linear 0s;
    }
}

/* ---- Telefon i tablet (< 992 px): pregled sa dugmadima, dodir približi prostoriju ---- */
@media (max-width: 991.98px) {
    .ev-mapa { padding: 40px 0 32px; }
    .ev-mapa-zaglavlje { align-items: flex-start; text-align: left; gap: 6px; }
    .ev-mapa .ev-mapa-zaglavlje .ev-naslov-2 { font-size: 24px; line-height: 1.2; }
    .ev-mapa-zaglavlje .ev-oznaka { font-size: 12px; }
    .ev-mapa-uputstvo { display: none; }
    .ev-pin-natpis { display: none; }
    .ev-pin { width: 44px; }
    .ev-mapa-okvir { overflow: hidden; transition: height .5s cubic-bezier(.2, .8, .2, 1), background-color .5s; }
    .ev-mapa-scena { transform-origin: 0 0; transition: transform .7s cubic-bezier(.2, .8, .2, 1); --ev-krug: 8.7vw; --ev-krug-ivica: 20vw; }
    .ev-mapa-js .ev-mapa-siva { opacity: 0; transition: opacity .4s; }
    .ev-mapa-zum .ev-mapa-okvir { background: #e9eff5; }
    .ev-mapa-zum .ev-mapa-siva { opacity: 1; }
    .ev-mapa-zum .ev-pin { opacity: 0; visibility: hidden; }
    .ev-mapa-zum .ev-mapa-nazad,
    .ev-mapa-zum .ev-mapa-brojac { display: inline-flex; }
    .ev-mapa-nazad[hidden],
    .ev-mapa-brojac[hidden] { display: none; }
    .ev-mapa-nazad {
        position: absolute;
        left: 12px;
        top: 12px;
        z-index: 8;
        align-items: center;
        gap: 6px;
        min-height: 44px;
        padding: 0 14px;
        border-radius: 999px;
        border: 1px solid #c9d6e2;
        background: rgba(255, 255, 255, .95);
        color: var(--ev-tekst);
        font: inherit;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 6px 16px rgba(20, 33, 48, .12);
        cursor: pointer;
    }
    .ev-mapa-brojac {
        position: absolute;
        right: 12px;
        top: 12px;
        z-index: 8;
        padding: 8px 12px;
        border-radius: 999px;
        background: var(--ev-zelena);
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.2;
    }
    .ev-mapa-js .ev-mapa-izbor { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
    .ev-mapa-zum .ev-mapa-izbor { display: none; }
    .ev-mapa-izbor-uputstvo { margin: 0; font-size: 14px; color: #5a6878; }
    .ev-mapa-dugmad { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .ev-mapa-dugme {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        min-height: 52px;
        padding: 8px 12px;
        border-radius: 14px;
        border: 1px solid #dfe6ee;
        background: #fff;
        color: var(--ev-tekst);
        font: inherit;
        font-size: 15px;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
    }
    .ev-mapa-dugme-ikona {
        flex: 0 0 32px;
        height: 32px;
        border-radius: 10px;
        background: var(--ev-plava-svetla);
        color: var(--ev-plava);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ev-mesto { margin: 14px 12px 0; padding: 20px; border: 1px solid #e3e9f0; box-shadow: 0 16px 40px rgba(20, 33, 48, .10); }
    .ev-mapa-js .ev-mesto:not(.ev-mesto-otvoren) { display: none; }
    .ev-mapa-js .ev-mesto-strelice { display: flex; }
    .ev-mesto-oznaka { font-size: 15px; }
    .ev-mesto-ikona { width: 30px; height: 30px; }
    .ev-mesto-naslov { font-size: 20px; }
    .ev-mesto-opis { font-size: 15px; line-height: 1.55; }
    .ev-mesto-pilule { gap: 6px; }
    .ev-mesto-pilule li { padding: 5px 9px; border-radius: 9px; font-size: 13px; }
    .ev-mapa-linija { display: none; }
    .ev-mapa:not(.ev-mapa-js) .ev-mesto { margin: 20px 12px 0; }
}

/* --- Kartice preko cele širine (vlasnici, paketi) --- */
.ev-sekcija-kartica { padding: 48px 24px; }

/* --- Vlasnici --- */
.ev-vlasnici {
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 28px;
    background: #eaf5ee;
    padding: 56px 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    align-items: center;
}
.ev-vlasnici-tekst {
    flex: 1 1 400px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ev-pocetna .ev-vlasnici-naslov { font-size: 36px; line-height: 1.15; }
.ev-vlasnici-lista {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #23402f;
}
.ev-vlasnici-lista li { display: flex; gap: 10px; }
.ev-vlasnici-lista .ev-kvacica { background: transparent; color: #1f6b45; flex-basis: auto; height: auto; font-size: 16px; }
.ev-vlasnici-dugmad {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    margin-top: 4px;
}
.ev-dugme-tamnozeleno { background: #1f5c42; color: #fff; }
.ev-pocetna a.ev-dugme-tamnozeleno,
.ev-pocetna a.ev-dugme-tamnozeleno:hover { color: #fff; }
.ev-dugme-tamnozeleno:hover { background: #174a35; }
.ev-pocetna .ev-link-zeleni { color: #1f5c42; }
.ev-vlasnici-prijava { font-size: 14px; color: #3d5a48; }
.ev-pocetna .ev-vlasnici-prijava a { color: #1f5c42; font-weight: 700; display: inline-block; padding: 12px 2px; margin: -12px 0; }
.ev-vlasnici-telefoni {
    flex: 1 1 520px;
    min-width: 0;
    display: flex;
    gap: 18px;
    justify-content: center;
    align-items: flex-end;
}
.ev-vlasnici-telefoni .ev-telefon { width: 170px; flex: 0 1 170px; }
.ev-telefon-gore { transform: translateY(-24px); }

/* --- Paketi (tamna traka) --- */
.ev-paketi {
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 36px;
    background: radial-gradient(120% 90% at 50% 0%, #1d3a58 0%, #0f2236 62%);
    color: #fff;
    padding: 72px 48px 56px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.ev-paketi-zaglavlje {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}
.ev-paketi .ev-naslov-2 { color: #fff; font-size: 44px; line-height: 1.1; letter-spacing: -.02em; }
.ev-paketi .ev-uvod { max-width: 620px; color: #c8d8e8; }
.ev-znacka-tamna {
    align-self: center;
    padding: 6px 14px;
    background: rgba(255, 255, 255, .10);
    color: #b9d6ee;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.ev-paketi-obecanja {
    margin: 0;
    padding: 8px 0 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    align-items: center;
    justify-content: center;
    color: #c8d8e8;
    font-size: 15px;
}
.ev-paketi-poredjenje { align-self: stretch; }
.ev-paketi-poredjenje summary {
    display: flex;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    list-style: none;
    gap: 10px;
}
.ev-paketi-poredjenje summary::-webkit-details-marker { display: none; }
.ev-dugme-obrub-svetli {
    border-color: rgba(255, 255, 255, .45);
    background: transparent;
    color: #fff;
}
.ev-dugme-obrub-svetli:hover { border-color: #fff; background: rgba(255, 255, 255, .06); }
.ev-kad-otvoreno { display: none; }
.ev-paketi-poredjenje[open] .ev-kad-otvoreno { display: inline; }
.ev-paketi-poredjenje[open] .ev-kad-zatvoreno { display: none; }
.ev-poredjenje-strelica { display: inline-block; transition: transform .25s; }
.ev-paketi-poredjenje[open] .ev-poredjenje-strelica { transform: rotate(180deg); }
.ev-paketi-tabela {
    margin-top: 32px;
    border-radius: 20px;
    background: #fff;
    color: var(--ev-tekst);
    overflow: hidden;
}
.ev-paketi-tabela .ev-tabela-objasnjenja { margin: 0; border-radius: 0; border-width: 1px 0 0; }
.ev-paketi-napomena {
    text-align: center;
    font-size: 13px;
    color: #8fa6bd;
}
.ev-pocetna .ev-paketi-napomena a { color: #c8d8e8; }

/* Kartice paketa (partial `_paket-kartice`) — svetle po osnovi (Cenovnik), tamne u `.ev-tamno`. */
.ev-paket-kartice {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 20px;
    align-items: stretch;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.ev-paket {
    position: relative;
    padding: 32px 28px;
    border-radius: 24px;
    background: #fff;
    color: var(--ev-tekst);
    border: 1px solid var(--ev-ivica);
    display: flex;
    flex-direction: column;
    gap: 16px;
    --ev-paket-blede: var(--ev-tekst-3);
    --ev-paket-linija: #edf1f5;
}
.ev-paket-istaknut {
    padding-top: 36px;
    border-color: transparent;
    box-shadow: 0 30px 70px rgba(20, 33, 48, .18), 0 0 0 4px rgba(31, 163, 79, .35);
}
.ev-tamno .ev-paket:not(.ev-paket-istaknut) {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .14);
    color: #e6eef6;
    --ev-paket-blede: #b2c6d9;
    --ev-paket-linija: rgba(255, 255, 255, .12);
}
.ev-tamno .ev-paket-istaknut {
    box-shadow: 0 30px 70px rgba(0, 0, 0, .35), 0 0 0 4px rgba(31, 163, 79, .35);
    transform: translateY(-12px);
}
.ev-paket-traka {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 16px;
    border-radius: 999px;
    background: var(--ev-zelena-svetla);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 6px 16px rgba(31, 163, 79, .45);
}
.ev-paket-ime { display: flex; flex-direction: column; gap: 4px; }
.ev-paket-naziv { margin: 0; font-size: 22px; font-weight: 800; color: inherit; }
.ev-paket-podnaslov { color: var(--ev-paket-blede); font-size: 15px; }
.ev-paket-cena { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.ev-paket-iznos { font-size: 46px; font-weight: 800; line-height: 1; letter-spacing: -.02em; }
.ev-paket-istaknut .ev-paket-iznos { font-size: 52px; }
.ev-paket-jedinica { color: var(--ev-paket-blede); font-weight: 600; }
.ev-paket .ev-paket-dugme { width: 100%; }
.ev-paket-istaknut .ev-paket-dugme { min-height: 54px; box-shadow: 0 10px 24px rgba(23, 132, 63, .3); }
.ev-paket-dugme-obrub { border-color: #c9d6e2; color: var(--ev-tekst); background: transparent; }
.ev-paket a.ev-paket-dugme-obrub { color: var(--ev-tekst); }
.ev-paket a.ev-paket-dugme-obrub:hover { border-color: var(--ev-plava); color: var(--ev-plava); }
.ev-tamno .ev-paket a.ev-paket-dugme-obrub { border-color: rgba(255, 255, 255, .45); color: #fff; }
.ev-tamno .ev-paket a.ev-paket-dugme-obrub:hover { border-color: #fff; background: rgba(255, 255, 255, .06); color: #fff; }
.ev-paket a.ev-dugme-zeleno,
.ev-paket a.ev-dugme-zeleno:hover { color: #fff; }
.ev-paket-limiti {
    margin: 0;
    padding: 14px 0 0;
    list-style: none;
    border-top: 1px solid var(--ev-paket-linija);
    display: grid;
    gap: 4px;
    font-size: 14px;
    color: var(--ev-paket-blede);
}
.ev-paket-limiti li { display: flex; justify-content: space-between; gap: 12px; }
.ev-paket-limiti strong { color: inherit; font-weight: 700; white-space: nowrap; }
.ev-paket:not(.ev-tamno *) .ev-paket-limiti strong,
.ev-paket-istaknut .ev-paket-limiti strong { color: var(--ev-tekst); }
.ev-paket-plus { margin: 0; font-size: 14px; font-weight: 700; }
.ev-paket-funkcije li { font-size: 15px; }
.ev-tamno .ev-paket:not(.ev-paket-istaknut) .ev-kvacica { background: rgba(255, 255, 255, .12); color: #9fe0b6; }
.ev-paket-funkcije .ev-kvacica { flex-basis: 20px; height: 20px; font-size: 11px; }
.ev-paket-sitno { margin: 0; font-size: 13px; color: var(--ev-paket-blede); }

/* Uporedna tabela (partial `_uporedna-tabela`) — zaglavlje i prva kolona se ne pomeraju u strukturi
   (backend `MojPaketCenovnikUskladjenostCest` čita `thead` > prvi red > „Funkcionalnost"). */
.ev-tabela-omot {
    /* `relative`: skriveni tekst čitača (`.visually-hidden`, apsolutan) ostaje u okviru tabele —
       inače bi na telefonu širio stranu do desne ivice tabele (horizontalni skrol strane). */
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.ev-tabela {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    font-size: 15px;
    color: var(--ev-tekst);
}
.ev-tabela thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--ev-tamna-2);
    color: #fff;
    padding: 14px 12px;
    font-weight: 700;
    text-align: center;
}
.ev-tabela thead .ev-tabela-prva { text-align: left; padding-left: 20px; min-width: 15rem; }
.ev-tabela thead .ev-tabela-istaknut { background: var(--ev-zelena); }
.ev-tabela-kolona { width: 150px; }
.ev-tabela-kolona.ev-tabela-istaknut { background: #f5fbf7; }
.ev-tabela tbody th,
.ev-tabela tbody td {
    padding: 11px 12px;
    border-top: 1px solid #edf1f5;
    vertical-align: middle;
}
.ev-tabela tbody th { padding-left: 20px; font-weight: 400; text-align: left; }
.ev-tabela-c { text-align: center; }
.ev-tabela-vrednost { font-weight: 700; }
.ev-tabela-grupa th,
.ev-tabela-grupa td { background: #eef3f8; }
.ev-tabela .ev-tabela-grupa-naziv {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ev-tekst-2);
}
.ev-tabela-da { color: var(--ev-zelena); font-size: 18px; }
.ev-tabela-ne { color: #9aa7b5; font-size: 18px; }
.ev-tabela-sitno { display: block; font-size: 12px; }
.ev-tabela-objasnjenja {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
    padding: 28px;
    border-radius: 20px;
    background: var(--ev-pozadina);
    border: 1px solid var(--ev-ivica);
    color: var(--ev-tekst);
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.ev-tabela-objasnjenje-naslov {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 700;
    color: var(--ev-tekst);
}
.ev-tabela-objasnjenje-naslov i { color: var(--ev-plava); }
.ev-tabela-objasnjenja p { margin: 0; font-size: 14px; color: var(--ev-tekst-2); }

/* --- Kako da počnete --- */
.ev-pocetak { background: var(--ev-pozadina); }
.ev-pocetak-red {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    padding-top: 72px;
    padding-bottom: 72px;
}
.ev-pocetak-koraci {
    flex: 1 1 520px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.ev-pocetna .ev-naslov-sekcije { font-size: 32px; }
.ev-koraci {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ev-koraci li { display: flex; gap: 14px; align-items: flex-start; }
.ev-korak-broj {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--ev-plava);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}
.ev-koraci li > span:last-child { padding-top: 3px; }
.ev-pocetak-dugme { align-self: flex-start; margin-top: 8px; }
.ev-pocetak-kartice {
    flex: 1 1 400px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ev-kartica {
    padding: 22px 26px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid var(--ev-ivica);
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--ev-tekst);
    text-decoration: none;
}
.ev-pocetna a.ev-kartica { color: var(--ev-tekst); }
.ev-pocetna a.ev-kartica:hover { border-color: var(--ev-plava); color: var(--ev-tekst); }
.ev-kontakt-kartica { padding: 26px; }
.ev-kartica-naslov { font-size: 18px; }
.ev-kontakt-kartica .ev-kartica-naslov { font-size: 20px; }
.ev-kartica-tekst { color: var(--ev-tekst-2); font-size: 15px; }
.ev-pocetna .ev-kontakt-telefon { font-size: 20px; font-weight: 800; text-decoration: none; align-self: flex-start; }
.ev-pocetna .ev-kontakt-imejl { font-weight: 700; text-decoration: none; align-self: flex-start; overflow-wrap: anywhere; }
.ev-kartica-link { flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; }
.ev-kartica-link-tekst { display: flex; flex-direction: column; gap: 4px; }
.ev-kartica-strelica { font-size: 22px; color: var(--ev-plava); }
.ev-pocetak-mala {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.ev-kartica-mala { padding: 20px 22px; gap: 6px; }
.ev-kartica-mala .ev-kartica-naslov { font-size: 17px; }
.ev-kartica-mala .ev-kartica-tekst { font-size: 14px; }
.ev-kartica-ikona {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--ev-plava-svetla);
    color: var(--ev-plava);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ev-kartica-ikona-crvena { background: #fdeaea; color: #c4302b; }

/* --- Zašto eVet --- */
.ev-zasto { padding: 72px 0 72px; }
.ev-zasto .ev-kontejner { max-width: 1288px; }
.ev-zasto-mreza {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}
.ev-zasto-blok {
    padding: 24px;
    border-radius: 20px;
    border: 1px solid #e3e9f0;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.ev-zasto-ikona { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 14px; }
.ev-zasto-tekst { display: flex; flex-direction: column; gap: 6px; }
.ev-zasto-tekst strong { font-size: 17px; }
.ev-zasto-tekst span { color: var(--ev-tekst-2); font-size: 15px; line-height: 1.5; }

/* --- Tablet --- */
@media (max-width: 1099.98px) {
    .ev-zasto-mreza { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ev-slajd-tekst { flex-basis: 300px; }
}
@media (max-width: 991.98px) {
    .ev-radi-jezicci {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: var(--ev-kontejner-razmak);
        margin: 0 calc(-1 * var(--ev-kontejner-razmak));
        padding: 0 var(--ev-kontejner-razmak) 6px;
        scrollbar-width: none;
    }
    .ev-radi-jezicci::-webkit-scrollbar { display: none; }
    .ev-radi-jezicak { flex: 0 0 150px; scroll-snap-align: start; }
    .ev-slajd { flex-direction: column; height: auto; align-items: stretch; gap: 20px; }
    .ev-slajd-tekst { flex: 0 0 auto; }
    .ev-slajd-slika { height: 420px; }
    .ev-tabela-objasnjenja { grid-template-columns: 1fr; }
}

/* --- Telefon (≤ 767 px), po nacrtu „Početna — telefon" --- */
@media (max-width: 767.98px) {
    .ev-pocetna .ev-naslov-2 { font-size: 28px; line-height: 1.15; }
    .ev-samo-racunar-blok { display: none; }
    .ev-samo-telefon-blok { display: block; }

    .ev-hero-red { gap: 32px; padding-top: 36px; padding-bottom: 48px; }
    .ev-hero-tekst,
    .ev-hero-slike { flex-basis: 300px; }
    .ev-hero-uvod { font-size: 17px; }
    .ev-hero-telefon { right: -4px; bottom: -20px; width: 116px; }

    .ev-radi { padding: 56px 0 32px; }
    .ev-radi-zaglavlje { margin-bottom: 20px; }
    .ev-radi-okvir { margin-top: 16px; padding-left: 12px; padding-right: 12px; }
    .ev-radi-prozor { border-radius: 22px; }
    .ev-slajd { padding: 22px 18px; }
    .ev-slajd-naslov { font-size: 22px; line-height: 1.2; }
    .ev-slajd-slika { height: 380px; }
    .ev-slajd-telefoni { gap: 8px; }
    .ev-slajd-telefoni .ev-telefon { border-width: 5px; border-radius: 20px; }
    .ev-slajd-telefoni .ev-telefon img { border-radius: 15px; }
    .ev-radi-jos { gap: 8px; margin-top: 20px; font-size: 14px; }

    .ev-sekcija-kartica { padding: 24px 12px; }
    .ev-vlasnici { padding: 32px 20px; gap: 36px; border-radius: 24px; }
    .ev-vlasnici-tekst { flex-basis: 300px; }
    .ev-pocetna .ev-vlasnici-naslov { font-size: 28px; }
    .ev-vlasnici-telefoni { flex-basis: 300px; gap: 8px; padding-top: 20px; }
    .ev-vlasnici-telefoni .ev-telefon { width: 100px; flex-basis: 100px; border-width: 4px; border-radius: 18px; }
    .ev-vlasnici-telefoni .ev-telefon img { border-radius: 14px; }
    .ev-telefon-gore { transform: translateY(-16px); }

    .ev-paketi { padding: 40px 16px 28px; gap: 32px; border-radius: 26px; }
    .ev-paketi .ev-naslov-2 { font-size: 30px; line-height: 1.12; }
    .ev-paketi .ev-uvod { font-size: 16px; }
    .ev-paket-kartice { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    .ev-paket { padding: 26px 20px; }
    .ev-tamno .ev-paket-istaknut { transform: none; }
    .ev-paket-iznos { font-size: 40px; }
    .ev-paket-istaknut .ev-paket-iznos { font-size: 44px; }
    .ev-paketi-obecanja { flex-direction: column; gap: 6px; }
    .ev-paketi-tabela { border-radius: 16px; }
    .ev-tabela { font-size: 14px; }
    .ev-tabela-objasnjenja { padding: 20px; }

    .ev-pocetak-red { gap: 32px; padding-top: 44px; padding-bottom: 44px; }
    .ev-pocetak-koraci,
    .ev-pocetak-kartice { flex-basis: 300px; }
    .ev-pocetna .ev-naslov-sekcije { font-size: 26px; }
    .ev-pocetak-dugme { align-self: stretch; }
    .ev-pocetak-mala { grid-template-columns: minmax(0, 1fr); }

    .ev-zasto { padding: 44px 0 44px; }
    .ev-zasto-mreza { grid-template-columns: minmax(0, 1fr); margin-top: 18px; }
    .ev-zasto-blok { padding: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .ev-pin-puls { animation: none; }
    .ev-pin,
    .ev-pin-tacka,
    .ev-mapa-uputstvo,
    .ev-mapa-okvir,
    .ev-mapa-scena,
    .ev-mapa-siva,
    .ev-mapa-linija,
    .ev-mapa-js .ev-mesto,
    .ev-mapa-js .ev-mesto.ev-mesto-otvoren { transition: none !important; }
    .ev-radi-js .ev-radi-traka,
    .ev-poredjenje-strelica { transition: none; }
    .ev-radi-jezicak[aria-selected="true"].ev-tece .ev-radi-napredak span { animation: none; width: 100%; }
}

/* ==========================================================================
   Podstrane (redizajn sajta, Faze 6–8, 13.10.2026.) — Cenovnik, Za ambulante, Za vlasnike.
   Osnova je ista kao na početnoj (`.ev-pocetna`: font, boje linkova, dugmad), pa se ovde dodaje
   samo ono čega na početnoj nema. Nacrti: Cenovnik.dc.html, ZaAmbulante.dc.html, ZaVlasnike.dc.html.
   ========================================================================== */
:root { --ev-zaglavlje-visina: 73px; }

/* --- Uvod podstrane (naslov + uvod, centrirano) --- */
.ev-strana-uvod {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-top: 64px;
    padding-bottom: 24px;
    text-align: center;
}
.ev-strana-uvod .ev-naslov-1 { font-size: 44px; line-height: 1.1; max-width: 900px; }
.ev-strana-uvod .ev-uvod { max-width: 760px; }
.ev-strana-uvod-napomena { color: var(--ev-tekst-3); font-size: 15px; }

/* --- Cenovnik --- */
.ev-cenovnik .ev-sekcija-kartica { padding-top: 24px; padding-bottom: 56px; }
.ev-cenovnik-poredjenje { padding-bottom: 24px; }
.ev-cenovnik-poredjenje-zaglavlje {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}
.ev-cenovnik-poredjenje-zaglavlje .ev-uvod { font-size: 17px; }
.ev-cenovnik .ev-tabela-omot {
    border: 1px solid var(--ev-ivica);
    border-radius: 18px;
}
/* Računar: tabela nije sopstveni okvir za skrol (`overflow: clip` ne pravi skrol-kontejner), pa
   se zaglavlje kolona lepi uz prozor, odmah ispod lepljivog zaglavlja sajta. */
@media (min-width: 768px) {
    .ev-cenovnik .ev-tabela-omot { overflow: clip; }
    .ev-cenovnik .ev-tabela thead th { top: var(--ev-zaglavlje-visina); }
}
.ev-cenovnik-napomene {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 72px;
    color: var(--ev-tekst-2);
}
.ev-cenovnik-linkovi { display: flex; flex-wrap: wrap; gap: 0 24px; }

@media (max-width: 767.98px) {
    .ev-strana-uvod { padding-top: 36px; padding-bottom: 12px; }
    .ev-strana-uvod .ev-naslov-1 { font-size: 32px; }
    .ev-strana-uvod .ev-uvod { font-size: 16px; }
    .ev-cenovnik .ev-sekcija-kartica { padding: 16px 12px 36px; }
    .ev-cenovnik .ev-tabela-omot { border-radius: 14px; }
    .ev-cenovnik-napomene { padding-bottom: 44px; }
}

/* --- Za ambulante (Faza 7) --- */
.ev-pocetna a.ev-dugme-obrub-svetli,
.ev-pocetna a.ev-dugme-obrub-svetli:hover { color: #fff; }
.ev-oznaka-svetla { color: #8fc4ea; }
.ev-za-hero { background: var(--ev-tamna-2); color: #fff; }
.ev-za-hero-red {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    padding-top: 72px;
    padding-bottom: 72px;
}
.ev-za-hero-tekst {
    flex: 1 1 520px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.ev-za-hero .ev-naslov-1 { color: #fff; font-size: 46px; line-height: 1.1; }
.ev-za-hero-uvod { font-size: 18px; color: #d3dde8; max-width: 600px; }
.ev-za-hero .ev-dugme-obrub-svetli { border-color: #3c5170; }
.ev-pocetna a.ev-za-hero-pdf {
    display: inline-flex;
    align-items: center;
    min-height: 52px;
    padding: 0 8px;
    color: #8fc4ea;
    font-weight: 700;
    text-decoration: none;
}
.ev-pocetna a.ev-za-hero-pdf:hover { color: #fff; text-decoration: underline; }
.ev-za-hero-slika {
    flex: 1 1 460px;
    min-width: 0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
}
.ev-za-hero-slika img { display: block; width: 100%; height: auto; }

.ev-za-sekcija {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 72px;
    padding-bottom: 40px;
}
.ev-pocetna .ev-za-naslov { font-size: 34px; }
.ev-za-mreza {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}
.ev-za-oblast { padding: 24px; border-radius: 18px; }
.ev-za-oblast .ev-kartica-tekst { font-size: 16px; }

.ev-za-snimci { padding-top: 40px; gap: 20px; }
.ev-za-snimci-mreza {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px;
}
.ev-za-snimak { display: flex; flex-direction: column; gap: 8px; font-weight: 700; }
.ev-za-snimak img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid var(--ev-ivica);
}

.ev-za-tri { background: var(--ev-pozadina); margin-top: 40px; }
.ev-za-tri .ev-za-sekcija { padding-bottom: 72px; }
.ev-za-tri-mreza {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px;
}
.ev-za-problem {
    background: #fff;
    border-radius: 20px;
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ev-za-problem-broj { font-size: 30px; font-weight: 800; line-height: 1; color: var(--ev-plava); }
.ev-za-problem-naslov { font-size: 19px; line-height: 1.3; }

.ev-za-dve { flex-direction: row; flex-wrap: wrap; gap: 40px; padding-bottom: 72px; }
.ev-za-kolona {
    flex: 1 1 440px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ev-za-dve .ev-lista-kvacice li { font-size: 16px; color: #2a3949; }
.ev-za-podrska-mreza {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.ev-za-podrska {
    padding: 16px;
    border-radius: 14px;
    background: var(--ev-pozadina);
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ev-za-podrska span { font-size: 14px; color: var(--ev-tekst-2); }
.ev-za-kontakt-naslov { margin: 8px 0 0; font-size: 18px; font-weight: 800; color: var(--ev-tekst); }
.ev-pocetna .ev-za-kolona p a { font-weight: 700; }

.ev-za-cene {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ev-za-cena { padding: 16px 20px; gap: 4px; }
.ev-za-cena-red { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 12px; }
.ev-za-cena-iznos { font-weight: 800; font-size: 17px; }
.ev-za-sitno { font-size: 14px; color: var(--ev-tekst-3); }

.ev-za-poziv {
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 28px;
    background: var(--ev-tamna-2);
    color: #fff;
    padding: 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
}
.ev-za-poziv-tekst { display: flex; flex-direction: column; gap: 6px; color: #c8d3df; min-width: 0; }
.ev-za-poziv-naslov { font-size: 28px; line-height: 1.2; color: #fff; }
.ev-pocetna a.ev-za-poziv-pdf { color: #8fc4ea; font-weight: 600; display: inline-block; padding: 10px 0; margin: -4px 0 -10px; }
.ev-pocetna a.ev-za-poziv-pdf:hover { color: #fff; }
.ev-za-ambulante .ev-sekcija-kartica { padding-top: 8px; padding-bottom: 72px; }

@media (max-width: 767.98px) {
    .ev-za-hero-red { gap: 28px; padding-top: 36px; padding-bottom: 40px; }
    .ev-za-hero-tekst,
    .ev-za-hero-slika { flex-basis: 300px; }
    .ev-za-hero .ev-naslov-1 { font-size: 32px; }
    .ev-za-hero-uvod { font-size: 16px; }
    .ev-za-hero .ev-hero-dugmad .ev-dugme { flex: 1 1 100%; }
    .ev-za-sekcija { padding-top: 44px; padding-bottom: 24px; gap: 18px; }
    .ev-pocetna .ev-za-naslov { font-size: 26px; }
    .ev-za-mreza,
    .ev-za-snimci-mreza,
    .ev-za-tri-mreza { grid-template-columns: minmax(0, 1fr); }
    .ev-za-oblast { padding: 18px; }
    .ev-za-tri { margin-top: 24px; }
    .ev-za-tri .ev-za-sekcija { padding-bottom: 44px; }
    .ev-za-problem { padding: 20px; }
    .ev-za-dve { gap: 32px; padding-bottom: 44px; }
    .ev-za-kolona { flex-basis: 300px; }
    .ev-za-podrska-mreza { grid-template-columns: minmax(0, 1fr); }
    .ev-za-poziv { padding: 28px 20px; border-radius: 22px; }
    .ev-za-poziv-naslov { font-size: 24px; }
    .ev-za-poziv > .ev-dugme { width: 100%; }
    .ev-za-ambulante .ev-sekcija-kartica { padding: 0 12px 44px; }
}

/* --- Za vlasnike (Faza 8) --- */
.ev-zv-hero { background: #eaf5ee; }
.ev-zv-hero-red {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    align-items: center;
    padding-top: 72px;
    padding-bottom: 64px;
}
.ev-zv-hero-tekst {
    flex: 1 1 480px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.ev-zv-hero .ev-naslov-1 { font-size: 46px; line-height: 1.1; }
.ev-zv-hero-uvod { font-size: 18px; color: #2c4337; max-width: 600px; }
.ev-pocetna a.ev-zv-prijava {
    display: inline-block;
    padding: 12px 2px;
    color: #1f5c42;
    font-weight: 700;
}
.ev-zv-hero-telefoni { padding-top: 28px; }
.ev-zv-hero-telefoni .ev-telefon { width: 180px; flex-basis: 180px; }
.ev-zv-hero-telefoni .ev-telefon-gore { transform: translateY(-28px); }

.ev-zv-scenariji {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding-top: 72px;
    padding-bottom: 32px;
}
.ev-zv-kartica {
    border: 1px solid var(--ev-ivica);
    border-radius: 24px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}
.ev-zv-kartica-zelena { border-color: #d5e8dc; }
.ev-znacka-zelena { background: #e4f3ea; color: #1f5c42; }
.ev-znacka-siva { background: #eef2f6; color: var(--ev-tekst-2); }
.ev-zv-kartica-naslov { margin: 0; font-size: 26px; line-height: 1.2; font-weight: 800; color: var(--ev-tekst); }
.ev-zv-podnaslov { font-size: 15px; }
.ev-zv-lista li { color: #2a3949; }
.ev-zv-lista .ev-kvacica { background: #e1efe6; color: #1f6b45; }
.ev-zv-lista-plava .ev-kvacica { background: var(--ev-plava-svetla); color: var(--ev-plava); }

.ev-zv-prelazak { padding-top: 8px; padding-bottom: 72px; }
.ev-zv-prelazak-okvir {
    border-radius: 24px;
    background: #f6faf7;
    border: 1px solid #d5e8dc;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--ev-tekst-2);
}

.ev-zv-izgled { background: var(--ev-pozadina); }
.ev-zv-izgled-red {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding-top: 72px;
    padding-bottom: 72px;
}
.ev-zv-ekrani {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    justify-items: center;
}
.ev-zv-ekran {
    width: 100%;
    max-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    font-weight: 700;
    text-align: center;
}
.ev-zv-ekran .ev-telefon { display: block; width: 100%; box-sizing: border-box; border-radius: 28px; }
.ev-zv-ekran .ev-telefon img { border-radius: 22px; }

.ev-koraci-zeleni .ev-korak-broj { background: #1f5c42; }
.ev-zv-podkoraci { margin: 6px 0 0; padding-left: 20px; list-style: disc; color: var(--ev-tekst-2); }
.ev-koraci .ev-zv-podkoraci li { display: list-item; }
.ev-zv-pocetak .ev-vlasnici-dugmad { margin-top: 6px; }
.ev-zv-sitno { font-size: 14px; color: var(--ev-tekst-3); }
.ev-zv-instalacija { background: var(--ev-pozadina); border: 0; padding: 26px; gap: 10px; }
.ev-zv-instalacija .ev-kartica-naslov { margin: 0; font-size: 19px; font-weight: 800; }
.ev-zv-instalacija-lista { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; color: var(--ev-tekst-2); }
.ev-zv-napomena {
    padding: 18px 22px;
    border-radius: 16px;
    background: var(--ev-plava-svetla);
    color: #1d4f75;
    font-size: 15px;
}

@media (max-width: 991.98px) {
    .ev-zv-scenariji { grid-template-columns: minmax(0, 1fr); }
    .ev-zv-ekrani { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .ev-zv-hero-red { gap: 28px; padding-top: 36px; padding-bottom: 40px; }
    .ev-zv-hero-tekst { flex-basis: 300px; }
    .ev-zv-hero .ev-naslov-1 { font-size: 32px; }
    .ev-zv-hero-uvod { font-size: 16px; }
    .ev-zv-hero .ev-vlasnici-dugmad .ev-dugme,
    .ev-zv-pocetak .ev-vlasnici-dugmad .ev-dugme { flex: 1 1 100%; }
    .ev-zv-hero-telefoni { flex-basis: 300px; }
    .ev-zv-hero-telefoni .ev-telefon { width: 140px; flex-basis: 140px; border-width: 5px; border-radius: 22px; }
    .ev-zv-hero-telefoni .ev-telefon img { border-radius: 17px; }
    .ev-zv-scenariji { padding-top: 40px; gap: 18px; }
    .ev-zv-kartica { padding: 22px 20px; border-radius: 20px; }
    .ev-zv-kartica-naslov { font-size: 22px; }
    .ev-zv-prelazak { padding-bottom: 44px; }
    .ev-zv-prelazak-okvir { padding: 22px 20px; border-radius: 20px; }
    .ev-zv-izgled-red { padding-top: 44px; padding-bottom: 44px; gap: 20px; }
    .ev-zv-ekrani { gap: 18px 12px; }
    .ev-zv-ekran { font-size: 14px; }
    .ev-zv-ekran .ev-telefon { border-width: 5px; border-radius: 22px; }
    .ev-zv-ekran .ev-telefon img { border-radius: 17px; }
}

/* ==========================================================================
   Ostale strane (redizajn sajta, Faza 9, 13.10.2026.) — Pitanja, Kontakt, O nama, Registracija,
   Obuka, Uslovi, Privatnost, Blog, greška, odjava. Nacrta za njih nema: dobijaju samo isti okvir
   kao nove strane — svetla naslovna traka (h1 + uvod), `ev-kontejner`, `ev-dugme`, `ev-kartica`.
   Sadržaj, forme i Bootstrap komponente (tabovi, harmonika, polja) ostaju kakvi su bili.
   ========================================================================== */

/* --- Naslovna traka --- */
.ev-strana-traka {
    background: var(--ev-pozadina);
    border-bottom: 1px solid var(--ev-ivica-svetla);
}
.ev-strana-traka-unutra {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-top: 56px;
    padding-bottom: 48px;
}
.ev-strana-traka-centar { align-items: center; text-align: center; }
/* Kratke strane (odjava) — cela strana je traka. */
.ev-strana-traka-cela { border-bottom: 0; }
.ev-strana-traka-cela .ev-strana-traka-unutra { min-height: 50vh; justify-content: center; padding-bottom: 72px; }
.ev-strana-traka-stub { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.ev-strana-traka-stub .alert { max-width: none; }
.ev-strana-traka .ev-clanak-naslov { font-size: 40px; }
.ev-strana-traka .ev-naslov-1 {
    font-size: 44px;
    line-height: 1.1;
    max-width: 900px;
    overflow-wrap: break-word;
}
.ev-strana-traka .ev-uvod { max-width: 760px; }
.ev-strana-traka p { margin: 0; }
:where(.ev-strana-traka) :is(p, ul, ol) { color: inherit; }
.ev-strana-traka-napomena { color: var(--ev-tekst-3); font-size: 15px; }
.ev-strana-traka-mrvice { font-size: 14px; font-weight: 600; color: var(--ev-tekst-3); }
.ev-strana-traka-mrvice a { color: var(--ev-plava); text-decoration: none; }
.ev-strana-traka-mrvice a:hover { text-decoration: underline; }
.ev-strana-traka a:not(.ev-dugme) { color: var(--ev-plava); }
.ev-strana-traka-dugmad {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 8px;
}
.ev-strana-traka form { margin: 0; }
.ev-strana-traka .alert { width: 100%; max-width: 760px; margin: 0; text-align: left; }

/* --- Sadržaj ispod trake --- */
.ev-strana-sadrzaj { padding-top: 48px; padding-bottom: 72px; }
.ev-strana-uska { max-width: 760px; margin-left: auto; margin-right: auto; }
.ev-strana-srednja { max-width: 960px; margin-left: auto; margin-right: auto; }
.ev-strana-siva { background: var(--ev-pozadina); }

/* Kartica sa formom (Kontakt, Registracija) i završni poziv na stranama bez nacrta. */
.ev-kartica-forma { display: block; padding: 32px; }
.ev-strana-poziv {
    align-items: center;
    text-align: center;
    gap: 12px;
    padding: 32px;
    background: var(--ev-pozadina);
    border-color: var(--ev-ivica-svetla);
}
.ev-strana-poziv p { margin: 0; color: var(--ev-tekst-2); }
.ev-strana-poziv .ev-naslov-3 { font-size: 20px; }
.ev-strana-kartice .ev-kartica { height: 100%; }
.ev-strana-poziv-tamni {
    padding: 44px 40px;
    border-color: transparent;
    border-radius: 28px;
    background: var(--ev-tamna-2);
    color: #fff;
}

/* Dugme „Novi kôd" u CAPTCHA redu: visina kao polje, ali ≥ 44 px za dodir. */
.ev-dugme-kod { width: 100%; padding: 0 12px; font-size: 14px; }

/* Blog: teme kao pilule, paginacija koja se ne širi van ekrana. */
.ev-blog-teme {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
}
/* inline-block, ne inline-flex: flex bi progutao razmak ispred obojenog „eVet" (BrendTekst). */
.ev-tema {
    display: inline-block;
    padding: 9px 16px;
    line-height: 20px;
    border: 1px solid var(--ev-ivica);
    border-radius: 999px;
    background: #fff;
    color: var(--ev-tekst-2);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.ev-tema:hover,
.ev-tema:focus { border-color: var(--ev-plava); color: var(--ev-plava); }
.ev-tema[aria-current="page"] { background: var(--ev-plava); border-color: var(--ev-plava); color: #fff; }
.ev-paginacija {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    max-width: 100%;
    margin: 0;
}
.ev-paginacija .page-item .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
    border-radius: 10px;
}

@media (max-width: 767.98px) {
    .ev-strana-traka-unutra { padding-top: 32px; padding-bottom: 28px; gap: 10px; }
    .ev-strana-traka .ev-naslov-1 { font-size: 30px; }
    .ev-strana-traka .ev-clanak-naslov { font-size: 28px; }
    .ev-strana-traka .ev-uvod { font-size: 16px; }
    .ev-strana-traka-dugmad { align-self: stretch; }
    .ev-strana-traka-dugmad .ev-dugme { flex: 1 1 100%; }
    .ev-strana-traka-cela form { align-self: stretch; }
    .ev-strana-traka-cela form .ev-dugme { width: 100%; }
    .ev-strana-sadrzaj { padding-top: 28px; padding-bottom: 48px; }
    .ev-kartica-forma { padding: 20px 16px; border-radius: 16px; }
    .ev-strana-poziv { padding: 24px 18px; }
    .ev-strana-poziv .ev-dugme { width: 100%; }
    .ev-strana-poziv-tamni { padding: 28px 18px; border-radius: 22px; }
    .ev-blog-teme { margin-bottom: 28px; }
}

/* ==========================================================================
   Blog i Pitanja po nacrtu (Blog.dc.html, Pitanja.dc.html, 13.10.2026.).
   Svetla naslovna traka sa oznakom, pilule tema + pretraga u jednom redu, istaknut članak u
   tamnoj kartici, mreža kartica 3/2/1 kolone, kvadratna paginacija; na Pitanjima segmentni izbor
   publike i kartice pitanja sa okruglim „+" koje se okreće u „×".
   ========================================================================== */

/* --- Naslovna traka po nacrtu (levo poravnata, oznaka iznad naslova) --- */
.ev-strana-traka-nacrt .ev-strana-traka-unutra { gap: 14px; padding-top: 64px; padding-bottom: 56px; }
.ev-strana-traka-nacrt .ev-naslov-1 { font-size: 46px; max-width: 820px; }
.ev-strana-traka-nacrt .ev-uvod { max-width: 720px; }
.ev-strana-traka-nacrt .ev-clanak-naslov { font-size: 40px; }
.ev-blog-clanak-meta { color: #6a7888; font-size: 14px; }
.ev-strana-traka .ev-oznaka a,
.ev-strana-traka a.ev-oznaka { color: var(--ev-plava); text-decoration: none; }
.ev-strana-traka .ev-oznaka a:hover { text-decoration: underline; }

/* --- Blog: red sa temama i pretragom --- */
.ev-blog { display: flex; flex-direction: column; gap: 28px; padding-top: 40px; padding-bottom: 72px; }
.ev-blog-alati {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}
.ev-blog-alati .ev-blog-teme { justify-content: flex-start; margin: 0; flex: 1 1 0; min-width: 300px; }
.ev-blog-pretraga { display: flex; gap: 8px; flex: 0 1 380px; min-width: 0; margin: 0; }
.ev-blog-alati-samo-pretraga .ev-blog-pretraga { margin-left: auto; }
.ev-blog-pretraga-polje {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid #c9d6e2;
    border-radius: 12px;
    background: #fff;
    color: var(--ev-tekst);
    font: inherit;
    font-size: 15px;
}
.ev-blog-pretraga-polje:focus { outline: 3px solid rgba(31, 106, 160, .35); outline-offset: 1px; border-color: var(--ev-plava); }
.ev-blog-pretraga .ev-dugme { min-height: 46px; padding: 0 20px; border-radius: 12px; }

/* Pilule tema: aktivna tamna (nacrt). */
.ev-tema {
    min-height: 40px;
    padding: 9px 16px;
    border-color: #d7e1ea;
    color: var(--ev-tekst);
    font-weight: 700;
    white-space: nowrap;
}
.ev-tema[aria-current="page"] { background: var(--ev-tamna); border-color: var(--ev-tamna); color: #fff; }
.ev-tema[aria-current="page"]:hover,
.ev-tema[aria-current="page"]:focus { color: #fff; }
.ev-tema:focus-visible { outline: 3px solid rgba(31, 106, 160, .45); outline-offset: 2px; }

/* --- Istaknut (najnoviji) članak --- */
.ev-blog-istaknut {
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    background: radial-gradient(120% 120% at 0% 0%, #1d3a58 0%, #0f2236 70%);
    color: #fff;
}
.ev-blog-istaknut-tekst {
    max-width: 820px;
    padding: 44px 48px 40px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ev-blog-istaknut-oznaka {
    align-self: flex-start;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: #b9d6ee;
    font-size: 13px;
    font-weight: 700;
}
.ev-blog-istaknut-naslov { margin: 0; font-size: 32px; line-height: 1.15; font-weight: 800; letter-spacing: -.01em; }
.ev-blog-istaknut-naslov a { color: #fff; text-decoration: none; }
.ev-blog-istaknut-naslov a::after { content: ""; position: absolute; inset: 0; border-radius: 26px; }
.ev-blog-istaknut-naslov a:focus-visible { outline: none; }
.ev-blog-istaknut-naslov a:focus-visible::after { outline: 3px solid #8fc4ea; outline-offset: -4px; }
.ev-blog-istaknut p { margin: 0; }
.ev-blog-istaknut-sazetak { color: #c8d8e8; font-size: 17px; }
.ev-blog-istaknut-meta { color: #8fa6bd; font-size: 14px; }
.ev-blog-istaknut-dalje { margin-top: 6px; font-weight: 700; color: #fff; }
.ev-blog-istaknut:hover .ev-blog-istaknut-dalje { text-decoration: underline; }

/* --- Mreža kartica --- */
.ev-blog-mreza {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}
.ev-blog-kartica {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 26px;
    border: 1px solid #e3e9f0;
    border-radius: 22px;
    background: #fff;
    color: var(--ev-tekst);
    box-shadow: 0 10px 28px rgba(20, 33, 48, .05);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.ev-blog-kartica:hover { border-color: #b9cde0; box-shadow: 0 14px 32px rgba(20, 33, 48, .09); }
.ev-blog-kartica-slika {
    display: block;
    width: calc(100% + 52px);
    max-width: none;
    margin: -26px -26px 2px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.ev-blog-kat {
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef2f6;
    color: var(--ev-tekst-2);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
}
a.ev-blog-kat:hover,
a.ev-blog-kat:focus { text-decoration: underline; color: inherit; }
/* Boje tema po nacrtu (ključ je slug teme; ostale ostaju sive). Zelena je tamnija od nacrta
   (#136b33 umesto #17843f) jer 12 px na svetlozelenoj inače nema kontrast 4,5 : 1. */
.ev-blog-kat-kako-radi { background: var(--ev-plava-svetla); color: var(--ev-plava); }
.ev-blog-kat-uputstva { background: #e1efe6; color: var(--ev-zelena-tamna); }
.ev-blog-kat-laboratorija { background: #efe9fb; color: #6b46c1; }
.ev-blog-kat-novosti { background: #fdf1e3; color: #9a5b12; }
.ev-blog-kartica-naslov { margin: 0; font-size: 19px; line-height: 1.3; font-weight: 700; }
.ev-blog-kartica-naslov a { color: var(--ev-tekst); text-decoration: none; }
.ev-blog-kartica-naslov a:hover { color: var(--ev-tekst); text-decoration: underline; }
.ev-blog-kartica-naslov a:focus-visible { outline: none; }
.ev-blog-kartica-naslov a:focus-visible::after { outline: 3px solid rgba(31, 106, 160, .45); outline-offset: 2px; border-radius: 22px; }
.ev-blog-kartica-sazetak { flex: 1 1 auto; margin: 0; color: var(--ev-tekst-2); font-size: 15px; line-height: 1.55; }
.ev-blog-meta {
    padding-top: 12px;
    border-top: 1px solid #edf1f5;
    color: #6a7888;
    font-size: 13px;
}

/* --- Prazno stanje / nema rezultata --- */
.ev-blog-prazno {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 40px;
    border-radius: 22px;
    background: var(--ev-pozadina);
    color: var(--ev-tekst-2);
    text-align: center;
}
.ev-blog-prazno p { margin: 0; color: inherit; }
.ev-blog-broj { margin: 0; color: var(--ev-tekst-3); font-size: 15px; }

/* --- Paginacija (kvadratna dugmad 44 px, aktivna plava) --- */
.ev-blog-stranice { display: flex; justify-content: center; }
.ev-paginacija .page-item .page-link {
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #d7e1ea;
    border-radius: 12px;
    background: #fff;
    color: var(--ev-tekst);
    font-weight: 700;
    box-shadow: none;
}
.ev-paginacija .page-item .page-link:hover { border-color: var(--ev-plava); color: var(--ev-plava); background: #fff; }
.ev-paginacija .page-item.active .page-link { background: var(--ev-plava); border-color: var(--ev-plava); color: #fff; }
.ev-paginacija .page-item.disabled .page-link { color: #9aa7b5; background: #fff; border-color: #e6ebf1; }

/* --- Zeleni poziv na dnu bloga --- */
.ev-blog-poziv {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    padding: 44px 48px;
    border-radius: 28px;
    background: #eaf5ee;
}
.ev-blog-poziv-tekst { display: flex; flex-direction: column; gap: 6px; max-width: 680px; min-width: 0; }
.ev-blog-poziv-naslov { margin: 0; font-size: 26px; line-height: 1.2; font-weight: 800; color: var(--ev-tekst); }
.ev-blog-poziv p { margin: 0; color: #2c4337; }
.ev-blog-poziv .ev-dugme-zeleno:hover { color: #fff; }

/* --- Pitanja --- */
.ev-faq { max-width: 920px; display: flex; flex-direction: column; gap: 30px; padding-top: 40px; padding-bottom: 64px; }
.ev-faq-publike {
    align-self: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 6px;
    list-style: none;
    border: 1px solid #e3e9f0;
    border-radius: 999px;
    background: var(--ev-pozadina);
}
.ev-faq-publike .ev-faq-publika {
    min-height: 46px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--ev-tekst-2);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.ev-faq-publike .ev-faq-publika:hover { color: var(--ev-tekst); }
.ev-faq-publike .ev-faq-publika.active {
    background: #fff;
    color: var(--ev-tekst);
    box-shadow: 0 4px 14px rgba(20, 33, 48, .10);
}
.ev-faq-publike .ev-faq-publika:focus-visible { outline: 3px solid rgba(31, 106, 160, .45); outline-offset: 2px; }
.ev-faq-broj { margin-left: 4px; font-weight: 600; color: var(--ev-tekst-3); }
.ev-faq-publika.active .ev-faq-broj { color: var(--ev-plava); }
.ev-faq-grupa { display: flex; flex-direction: column; gap: 12px; }
.ev-faq-grupa + .ev-faq-grupa { margin-top: 30px; }
.ev-faq-grupa-naslov { margin: 0; font-size: 22px; font-weight: 800; color: var(--ev-tekst); }
.ev-faq-lista {
    border: 1px solid #e3e9f0;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}
.ev-faq-lista .accordion-item { border: 0; border-radius: 0; background: #fff; }
.ev-faq-lista .accordion-item + .accordion-item { border-top: 1px solid #edf1f5; }
.ev-faq-lista .accordion-header { margin: 0; }
.ev-faq-lista .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 20px 24px;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: var(--ev-tekst);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    box-shadow: none;
}
.ev-faq-lista .accordion-button::before,
.ev-faq-lista .accordion-button::after { display: none; content: none; }
.ev-faq-lista .accordion-button > span:first-child { flex: 1 1 auto; min-width: 0; text-align: left; }
.ev-faq-lista .accordion-button:not(.collapsed) { background: #f7fafc; color: var(--ev-tekst); box-shadow: none; }
.ev-faq-lista .accordion-button:focus { box-shadow: none; }
.ev-faq-lista .accordion-button:focus-visible { outline: 3px solid rgba(31, 106, 160, .45); outline-offset: -3px; }
.ev-faq-znak {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #eef3f8;
    color: var(--ev-plava);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    transition: transform .2s ease, background-color .2s ease;
}
.ev-faq-lista .accordion-button:not(.collapsed) .ev-faq-znak { background: var(--ev-plava); color: #fff; transform: rotate(45deg); }
.ev-faq-lista .accordion-collapse { background: #f7fafc; }
.ev-faq-lista .accordion-body {
    max-width: 808px;
    padding: 0 24px 22px;
    color: var(--ev-tekst-2);
    font-size: 16px;
    line-height: 1.65;
}
.ev-faq-lista .accordion-body > :last-child { margin-bottom: 0; }
.ev-faq-prazno { margin: 0; color: var(--ev-tekst-3); text-align: center; }

.ev-faq-kartice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ev-faq-kartica {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 26px;
    border: 1px solid #e3e9f0;
    border-radius: 22px;
    background: var(--ev-pozadina);
    color: var(--ev-tekst);
    text-decoration: none;
}
.ev-faq-kartica:hover { border-color: var(--ev-plava); color: var(--ev-tekst); }
.ev-faq-kartica:focus-visible { outline: 3px solid rgba(31, 106, 160, .45); outline-offset: 2px; }
.ev-faq-kartica-naslov { font-size: 19px; font-weight: 800; line-height: 1.3; }
.ev-faq-kartica-tekst { color: var(--ev-tekst-2); }
.ev-faq-kartica-dalje { margin-top: 6px; color: var(--ev-plava); font-weight: 700; }
.ev-faq-kartica-tamna { background: var(--ev-tamna-2); border-color: var(--ev-tamna-2); color: #fff; }
.ev-faq-kartica-tamna:hover { border-color: #8fc4ea; color: #fff; }
.ev-faq-kartica-tamna .ev-faq-kartica-tekst { color: #c8d3df; }
.ev-faq-kartica-tamna .ev-faq-kartica-dalje { color: #9fe0b6; }

@media (max-width: 991.98px) {
    .ev-blog-mreza { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .ev-strana-traka-nacrt .ev-strana-traka-unutra { padding-top: 36px; padding-bottom: 32px; gap: 10px; }
    .ev-strana-traka-nacrt .ev-naslov-1 { font-size: 32px; }
    .ev-strana-traka-nacrt .ev-clanak-naslov { font-size: 28px; }
    .ev-blog { gap: 22px; padding-top: 24px; padding-bottom: 48px; }
    .ev-blog-alati { gap: 14px; }
    .ev-blog-alati .ev-blog-teme { flex-basis: 100%; }
    /* Telefon: pilule u jednom redu koji se prevlači — unutar svoje trake, strana se ne širi. */
    .ev-blog-alati .ev-blog-teme {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0 calc(-1 * var(--ev-kontejner-razmak));
        padding: 2px var(--ev-kontejner-razmak) 6px;
        scroll-padding: 0 var(--ev-kontejner-razmak);
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .ev-blog-alati .ev-blog-teme::-webkit-scrollbar { display: none; }
    .ev-blog-alati .ev-tema { flex: 0 0 auto; }
    .ev-blog-pretraga { flex: 1 1 100%; }
    .ev-blog-istaknut { border-radius: 22px; }
    .ev-blog-istaknut-tekst { padding: 28px 22px 26px; gap: 12px; }
    .ev-blog-istaknut-naslov { font-size: 24px; }
    .ev-blog-istaknut-naslov a::after { border-radius: 22px; }
    .ev-blog-istaknut-sazetak { font-size: 16px; }
    .ev-blog-mreza { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .ev-blog-kartica { padding: 22px 20px; border-radius: 20px; }
    .ev-blog-kartica-slika { width: calc(100% + 40px); margin: -22px -20px 2px; }
    .ev-blog-prazno { padding: 28px 18px; }
    .ev-blog-poziv { padding: 28px 20px; border-radius: 22px; }
    .ev-blog-poziv-naslov { font-size: 22px; }
    .ev-blog-poziv .ev-dugme { width: 100%; }
    .ev-faq { gap: 24px; padding-top: 24px; padding-bottom: 48px; }
    .ev-faq-publike { align-self: stretch; flex-wrap: nowrap; border-radius: 18px; }
    .ev-faq-publike .nav-item { flex: 1 1 50%; min-width: 0; }
    .ev-faq-publike .ev-faq-publika { width: 100%; padding: 8px 10px; border-radius: 14px; font-size: 14px; line-height: 1.25; }
    .ev-faq-grupa-naslov { font-size: 20px; }
    .ev-faq-grupa + .ev-faq-grupa { margin-top: 24px; }
    .ev-faq-lista { border-radius: 16px; }
    .ev-faq-lista .accordion-button { padding: 16px 16px; font-size: 16px; gap: 12px; }
    .ev-faq-lista .accordion-body { padding: 0 16px 18px; font-size: 15px; }
    .ev-faq-kartice { grid-template-columns: minmax(0, 1fr); }
    .ev-faq-kartica { padding: 22px 20px; border-radius: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .ev-faq-znak,
    .ev-blog-kartica { transition: none; }
}

/* ==========================================================================
   Kontakt po nacrtu (Kontakt.dc.html, 14.10.2026.).
   Dve kolone: forma u beloj kartici sa senkom (polja u mreži 2 kolone, poruka preko cele širine,
   CAPTCHA u sivoj kartici) i desno kartice kontakta + tamna kartica ka Pitanjima. Telefon: jedna
   kolona, forma prva. Mehanika forme (ActiveForm, CAPTCHA, mamac, `.has-error`) je nepromenjena.
   ========================================================================== */
.ev-kontakt {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    padding-top: 48px;
    padding-bottom: 72px;
}
.ev-kontakt-forma {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
    padding: 36px;
    border: 1px solid #e3e9f0;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(20, 33, 48, .07);
}
.ev-kontakt-forma form { display: flex; flex-direction: column; gap: 18px; margin: 0; }
.ev-kontakt-forma-glava { display: flex; flex-direction: column; gap: 4px; }
.ev-kontakt-forma-naslov { margin: 0; color: var(--ev-tekst); font-size: 22px; font-weight: 800; line-height: 1.3; }
.ev-kontakt-forma-napomena { margin: 0; color: var(--ev-tekst-3); font-size: 14px; }

.ev-kontakt-poruka {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px 18px;
    border-radius: 14px;
    font-weight: 600;
    line-height: 1.45;
}
.ev-kontakt-poruka-znak {
    flex: 0 0 24px;
    height: 24px;
    border-radius: 999px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
}
.ev-kontakt-poruka-uspeh { background: #e1efe6; color: #14532d; }
.ev-kontakt-poruka-uspeh .ev-kontakt-poruka-znak { background: var(--ev-zelena); }
.ev-kontakt-poruka-greska { background: #fdeaea; color: #8a1f1a; }
.ev-kontakt-poruka-greska .ev-kontakt-poruka-znak { background: #c0392b; }

.ev-kontakt-mreza {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.ev-kontakt .form-group { margin: 0; min-width: 0; }
.ev-kontakt-polje-puno { grid-column: 1 / -1; }
.ev-kontakt .control-label {
    display: block;
    margin: 0 0 6px;
    color: #22313f;
    font-size: 14px;
    font-weight: 700;
}
.ev-zvezda { margin-left: 2px; color: #c0392b; }
.ev-kontakt .form-control {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border: 1.5px solid #c9d6e2;
    border-radius: 12px;
    background: #fff;
    color: var(--ev-tekst);
    font: inherit;
    font-size: 16px;
    box-shadow: none;
}
.ev-kontakt textarea.form-control { min-height: 0; padding: 12px 14px; resize: vertical; }
.ev-kontakt .form-control:focus {
    border-color: var(--ev-plava);
    outline: 3px solid rgba(31, 106, 160, .25);
    outline-offset: 0;
    box-shadow: none;
}
/* Greška po nacrtu: crveni okvir i „Obavezan podatak" ispod polja. */
.ev-kontakt .has-error .form-control { border-color: #c0392b; }
.ev-kontakt .has-error .help-block-error { margin-top: 6px; color: #c0392b; font-size: 13px; font-weight: 600; }
.ev-kontakt .has-error .control-label { color: #22313f; }
.ev-kontakt .help-block { margin-bottom: 0; }
.ev-kontakt .help-block-error:empty { display: none; }
.ev-kontakt .ev-kontakt-kod .help-block:not(.help-block-error) { margin: 0; color: var(--ev-tekst-3); font-size: 13px; }

/* CAPTCHA u sivoj kartici: slika + „Novi kôd" levo, polje desno, napomena ispod. */
.ev-kontakt-kod {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px;
    border: 1px solid #e3e9f0;
    border-radius: 16px;
    background: #f6f9fb;
}
.ev-kontakt-kod-red { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; }
.ev-kontakt-kod-levo { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.ev-kontakt-kod-slika {
    display: block;
    height: 52px;
    width: auto;
    border: 1px solid #dfe6ee;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}
.ev-kontakt .ev-dugme-kod { width: auto; gap: 6px; border-radius: 10px; }
.ev-kontakt-kod-polje { flex: 1 1 200px; min-width: 0; }
.ev-kontakt-posalji {
    align-self: flex-start;
    min-height: 54px;
    padding: 0 30px;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(23, 132, 63, .25);
}

/* Desno: kartice kontakta i tamna kartica ka Pitanjima. */
.ev-kontakt-strana { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ev-kontakt-kartica {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 24px;
    border: 1px solid #e3e9f0;
    border-radius: 22px;
    background: #fff;
}
.ev-kontakt-ikona {
    flex: 0 0 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ev-kontakt-ikona-plava { background: var(--ev-plava-svetla); color: var(--ev-plava); }
.ev-kontakt-ikona-zelena { background: #e1efe6; color: var(--ev-zelena); }
.ev-kontakt-ikona-narandzasta { background: #fdf1e3; color: #9a5b12; }
.ev-kontakt-kartica-tekst { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.ev-kontakt-kartica-naslov { margin: 0; color: var(--ev-tekst); font-size: 18px; font-weight: 700; line-height: 1.3; }
.ev-kontakt-radno { color: var(--ev-tekst-3); font-size: 14px; }
.ev-kontakt-imejl { margin-top: 6px; color: var(--ev-plava); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.ev-kontakt-tel { color: var(--ev-tekst); font-weight: 700; text-decoration: none; }
.ev-kontakt-imejl:hover,
.ev-kontakt-tel:hover { color: #164f78; text-decoration: underline; }
.ev-kontakt-napomena {
    margin-top: 4px;
    padding: 8px 12px;
    border-radius: 10px;
    background: var(--ev-pozadina);
    color: var(--ev-tekst-2);
    font-size: 13px;
    line-height: 1.45;
}
.ev-kontakt-pitanja {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 22px 24px;
    border-radius: 22px;
    background: var(--ev-tamna-2);
    color: #fff;
    text-decoration: none;
}
.ev-kontakt-pitanja:hover,
.ev-kontakt-pitanja:focus { color: #fff; box-shadow: 0 0 0 2px #8fc4ea inset; }
.ev-kontakt-pitanja:focus-visible { outline: 3px solid rgba(31, 106, 160, .45); outline-offset: 2px; }
.ev-kontakt-pitanja-tekst { display: flex; flex-direction: column; gap: 4px; }
.ev-kontakt-pitanja-tekst strong { font-size: 17px; }
.ev-kontakt-pitanja-tekst span { color: #c8d3df; font-size: 14px; }
.ev-kontakt-pitanja-strelica { font-size: 22px; color: #9fe0b6; }

@media (max-width: 991.98px) {
    .ev-kontakt { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
    .ev-kontakt { gap: 20px; padding-top: 24px; padding-bottom: 48px; }
    .ev-kontakt-forma { padding: 22px 16px; border-radius: 20px; gap: 16px; }
    .ev-kontakt-forma form { gap: 16px; }
    .ev-kontakt-mreza { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .ev-kontakt-kod { padding: 14px; }
    .ev-kontakt-posalji { align-self: stretch; width: 100%; }
    .ev-kontakt-kartica { padding: 20px 18px; border-radius: 20px; gap: 14px; }
    .ev-kontakt-pitanja { padding: 20px; border-radius: 20px; }
}