.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; } .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;
} .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; } .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; } .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; } .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; } @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; }
} .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; }