/* SWA Adriatech Cjenik
   Boje se mogu prilagoditi u Avada > Custom CSS preko varijabli, npr.:
   .swa-cjenik { --swa-acj-boja: #e30613; }
*/
.swa-cjenik {
    --swa-acj-boja: #1d4f91;
    --swa-acj-tekst: #222;
    --swa-acj-sivo: #6b7280;
    --swa-acj-rub: #e2e5ea;
    --swa-acj-pozadina: #f6f7f9;
    color: var(--swa-acj-tekst);
    font-size: 15px;
    line-height: 1.45;
    margin: 0 0 2em;
    container: swa-cjenik / inline-size;
}

.swa-cjenik *,
.swa-cjenik *::before,
.swa-cjenik *::after { box-sizing: border-box; }

/* Tabovi */
.swa-cjenik-tabovi {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    border-bottom: 2px solid var(--swa-acj-boja);
}
.swa-cjenik-tab {
    display: inline-block;
    padding: 12px 22px;
    border: 1px solid var(--swa-acj-rub);
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background: var(--swa-acj-pozadina);
    color: var(--swa-acj-tekst) !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: background .15s, color .15s;
}
.swa-cjenik-tab:hover { background: #eceef2; }
.swa-cjenik-tab:focus-visible { outline: 2px solid var(--swa-acj-boja); outline-offset: 2px; }
.swa-cjenik-tab.je-aktivan {
    background: var(--swa-acj-boja);
    border-color: var(--swa-acj-boja);
    color: #fff !important;
}

/* Panel */
.swa-cjenik-panel {
    padding: 18px 0 0;
    transition: opacity .15s;
}
.swa-cjenik.se-ucitava .swa-cjenik-panel { opacity: .5; pointer-events: none; }

.swa-cjenik-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px 20px;
    margin-bottom: 14px;
}
.swa-cjenik-info-tekst { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; }
.swa-cjenik-trgovina { font-size: 1.1em; }
.swa-cjenik-datum { color: var(--swa-acj-sivo); }
.swa-cjenik-preuzmi { color: var(--swa-acj-sivo); }
.swa-cjenik-preuzmi a {
    display: inline-block;
    margin-left: 6px;
    padding: 3px 10px;
    border: 1px solid var(--swa-acj-boja);
    border-radius: 4px;
    color: var(--swa-acj-boja) !important;
    font-weight: 600;
    font-size: .9em;
    text-decoration: none !important;
}
.swa-cjenik-preuzmi a:hover { background: var(--swa-acj-boja); color: #fff !important; }

/* Tražilica */
.swa-cjenik-trazilica { display: flex; gap: 8px; margin-bottom: 10px; }
.swa-cjenik-trazilica input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #cfd4db;
    border-radius: 4px;
    font-size: 15px;
    background: #fff;
}
.swa-cjenik-trazilica input[type="search"]:focus { border-color: var(--swa-acj-boja); outline: none; box-shadow: 0 0 0 3px rgba(29, 79, 145, .15); }
.swa-cjenik-trazilica button {
    height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 4px;
    background: var(--swa-acj-boja);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.swa-cjenik-sr {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

.swa-cjenik-brojac { color: var(--swa-acj-sivo); font-size: .9em; margin: 0 0 8px; }
.swa-cjenik-prazno { padding: 24px; background: var(--swa-acj-pozadina); border-radius: 6px; text-align: center; }

/* Tablica */
.swa-cjenik-tablica-omot { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--swa-acj-rub); border-radius: 6px; }
.swa-cjenik-tablica { width: 100%; border-collapse: collapse; margin: 0 !important; border: 0 !important; font-size: 14px; }
.swa-cjenik-tablica th,
.swa-cjenik-tablica td {
    padding: 9px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--swa-acj-rub) !important;
    text-align: left;
    vertical-align: top;
}
.swa-cjenik-tablica thead th {
    position: sticky;
    top: 0;
    background: var(--swa-acj-pozadina);
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
}
.swa-cjenik-tablica tbody tr:nth-child(even) td { background: #fbfbfc; }
.swa-cjenik-tablica tbody tr:hover td { background: #eef3fa; }
.swa-cjenik-tablica .br { text-align: right; white-space: nowrap; }
.swa-cjenik-tablica .naziv { font-weight: 600; min-width: 220px; }
.swa-cjenik-tablica .cijena { font-weight: 700; }
.swa-cjenik-tablica .sidrena { color: #374151; }
.swa-cjenik-tablica .barkod { font-variant-numeric: tabular-nums; white-space: nowrap; }

.swa-cjenik-dost { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.swa-cjenik-dost.da { background: #e3f4e8; color: #17703a; }
.swa-cjenik-dost.ne { background: #fdeee4; color: #a4460f; }

/* Paginacija */
.swa-cjenik-paginacija { margin-top: 16px; }
.swa-cjenik-paginacija ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; list-style: none !important; margin: 0 !important; padding: 0 !important; }
.swa-cjenik-paginacija li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.swa-cjenik-paginacija li::before { display: none !important; }
.swa-cjenik-paginacija a,
.swa-cjenik-paginacija span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--swa-acj-rub);
    border-radius: 4px;
    color: var(--swa-acj-tekst) !important;
    text-decoration: none !important;
    font-weight: 600;
}
.swa-cjenik-paginacija a:hover { border-color: var(--swa-acj-boja); color: var(--swa-acj-boja) !important; }
.swa-cjenik-paginacija .trenutna { background: var(--swa-acj-boja); border-color: var(--swa-acj-boja); color: #fff !important; }
.swa-cjenik-paginacija .tockice { border-color: transparent; }
.swa-cjenik-paginacija .onemoguceno { opacity: .35; }

/* Uski prostor (mobitel ili uski stupac): retci postaju kartice */
@container swa-cjenik (max-width: 860px) {
    .swa-cjenik-tab { flex: 1 1 0; text-align: center; padding: 10px 8px; }
    .swa-cjenik-tablica-omot { border: 0; overflow: visible; }
    .swa-cjenik-tablica thead { display: none; }
    .swa-cjenik-tablica,
    .swa-cjenik-tablica tbody,
    .swa-cjenik-tablica tr,
    .swa-cjenik-tablica td { display: block; width: 100%; }
    .swa-cjenik-tablica tr {
        margin-bottom: 10px;
        border: 1px solid var(--swa-acj-rub);
        border-radius: 6px;
        overflow: hidden;
    }
    .swa-cjenik-tablica tbody tr:nth-child(even) td,
    .swa-cjenik-tablica tbody tr:hover td { background: transparent; }
    .swa-cjenik-tablica td {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 6px 12px !important;
        text-align: right !important;
        white-space: normal !important;
    }
    .swa-cjenik-tablica td::before {
        content: attr(data-label);
        flex: 0 0 auto;
        color: var(--swa-acj-sivo);
        font-weight: 400;
        text-align: left;
    }
    .swa-cjenik-tablica td.naziv { display: block; text-align: left !important; background: var(--swa-acj-pozadina) !important; min-width: 0; }
    .swa-cjenik-tablica td.naziv::before { display: none; }
    .swa-cjenik-tablica td:empty { display: none; }
    .swa-cjenik-trazilica button { padding: 0 14px; }
}

/* Poveznice na datoteke i arhiva */
.swa-cjenik-datoteka { display: inline-block; margin: 0 8px 8px 0; padding: 6px 14px; border: 1px solid #1d4f91; border-radius: 4px; color: #1d4f91 !important; font-weight: 600; text-decoration: none !important; }
.swa-cjenik-datoteka:hover { background: #1d4f91; color: #fff !important; }
.swa-cjenik-arhiva details { margin: 0 0 8px; border: 1px solid #e2e5ea; border-radius: 6px; }
.swa-cjenik-arhiva summary { padding: 10px 14px; cursor: pointer; font-weight: 600; }
.swa-cjenik-arhiva summary span { color: #6b7280; font-weight: 400; }
.swa-cjenik-arhiva ul { margin: 0 !important; padding: 4px 14px 12px !important; list-style: none !important; max-height: 360px; overflow-y: auto; }
.swa-cjenik-arhiva li { margin: 0 !important; padding: 5px 0; border-top: 1px solid #f0f1f3; list-style: none !important; }
.swa-cjenik-arhiva li .datum { display: inline-block; min-width: 140px; }
.swa-cjenik-arhiva li a { margin-left: 8px; font-weight: 600; }