:root {background: aliceblue;}
h2 {font-size: 1.2rem;text-decoration: none;font-weight: var(--cassiopeia-font-weight-headings,500);}
h6 {font-weight: var(--cassiopeia-font-weight-headings,500);}
b, strong {font-weight: 600;}
a:not([class]) { text-decoration: none;}
.blog-item .item-image {margin-top: 0px;}
.article-info-term, .icon-folder-open, .icon-fw { display: none;}
.article-info dd {text-align: left;font-size: 0.813rem;}
.container-header{ background-image:none;background-color:#fff;border-bottom: 0px solid #a6ce39;margin: 0;box-shadow: none;}
.container-header .mod-menu {color: #000;}
.container-header .navbar-brand {margin-left: auto;margin-right: auto;}
.container-header .navbar-toggler{color: #000;}
.razmak-15{padding: 0px 15px;}
.rezervisi {text-align:center;background: #f2f2f2;padding: 5px;margin: 0 20px;}
div.social {text-align: center;margin-top:10px;}
.social-ikona {display: inline-table;}
.social-ikona-zadnja {display: inline-table;padding-right:0px;}
@media screen and (max-width: 767px) {.social-ikona {display: inline-table;padding-right:20px;}}
div.social {text-align: center;margin-top:0px;}
.kategorija_pretraga{font-size: 0.813rem;text-decoration: none;}
.naslov_pretraga{text-decoration: none;}

p {margin-bottom: 0rem;}
.boxed .blog-item .item-content{padding: 15px 25px 0px 25px;}
.blog-items[class*=" masonry-"]{column-gap: 2em;display: block;}
.foto {display: block;position: relative;}
.stiker-slika{position: absolute;font-size: 12px;padding: 0 5px;font-weight: 600;}
.blog-items[class*=" masonry-"] .blog-item{margin-bottom: 2em;border-radius: 10px;}
.gorelevo{margin: 10px 0 0 10px;background: #3565a2;color:#fff;top:0}
.dolelevo{margin: 0 0 10px 10px;background: #efd02b;bottom: 0}
.goredesno{margin: 10px 10px 0 0;background: #f6f6f6;right: 0;top: 0;}
.doledesno{margin: 0 0 10px 10px;background: #a11818;;bottom: 0;right:5px;color:#fff}

.brod {text-align:center;font-size: 26px!important;color: #910048;}
.brod-cat {color: #910048;width: 100%;display: flex;}
.itinerer {padding: 10px;}
.itinerer-naslov {text-align:center;font-size: 18px;color:#1b697f;font-weight: 400;}
.itinerer-naslov-k {text-align:center;font-size: 14px;color:#5c5c5c;font-weight: 400;min-height: 34px;}
.itinerer-tabela {width: 100%;padding: 10px;float: right;}
.itinerer1 {width: 50%;padding: 10px;float: left;}
.cenovnik {width: 50%;padding: 10px;float: right;}

.left.item-image{float: none;}
.kategorija-objekta{text-align: center;color: #febb02;}
.galerija {margin-bottom: 25px;max-width:1000px;height: auto; aspect-ratio: auto 15 / 10;margin-left: auto;margin-right: auto;}
.footer .grid-child{padding: 1rem .5em;}
.footer{background-color: #00717F;background-image: none;}
a{color: #1d4a72;}

.article-info{float:left}
.kategorija-objekat-cat {color: #febb02;min-height: 25px;font-size: 15px;margin-bottom: 0px;}
.naziv-objekat-cat{font-size:1.2rem;color: #00657e;font-weight: 400;min-height: 50px;}
 h1 {font-weight: var(--cassiopeia-font-weight-headings,600);font-size: 2rem;}

@supports (display:grid) {.blog-items{grid-gap: 2em;}}
@supports (display:grid) {.blog-items .blog-item {padding: 0;border-radius: 5px;}}

.informacije {padding: 20px 0 20px 0;display: flex;align-items: center;justify-content: center;}
.informacije-article{float:left;}
.naslov-objekta{text-align: center;font-weight: 400;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.naslov:_retraga{}
.lastminute-item {border: 1px solid #ccc;border-radius:3px;margin: 10px 0 20px 0;padding: 10px 0 5px 0;text-align: center;font-size: 14px;}
.lastminute-item:before {content: url('/images/ikonice/last-minute-top.svg');width: 55px;display: block;height: 10px;margin-top: -23px;margin-bottom: 10px;margin-right: auto;margin-left: auto;}
.okvir-dana:before {content: "dana";font-size: 10px;top: -13px;position: relative;padding: 0 3px;background: #fff;line-height: 1px;}
.okvir-noci:before {content: "noćenja";font-size: 10px;top: -13px;position: relative;padding: 0 3px;background: #fff;line-height: 1px;}
.krstarenja-dana-noci {float: right;margin-top: -5px;margin-bottom: 15px;}
.krstarenja-dana-noci-pretraga{float: right;margin: 15px 15px 0 0;}
.organizator {padding: 3px 10px;border-radius: 3px;display: inline;}
div.adresa {font-size: 13px;text-align: center;line-height: 13px;margin-bottom: 5px;}
.mapa-adresa {display: flex;}
.mapa {float: left;font-size: 13px;line-height: 15px;}
.mapa:after {content: "";display: block;background: url("/images/ikonice/mapa-ikonica.svg") no-repeat;width: 20px;height: 20px;float: left;margin: 0;margin-top:-5px;}
.info-krstarenja {display: flex;border-top: 1px solid #ccc;padding-top: 10px;border-bottom: 1px solid #ccc;}
@media screen and (max-width: 767px) {.info-krstarenja {display: block}}

.okvir-k {padding: 0 3px;width: 60px;}
.okvir-prevoz-k, .okvir-dana-k, .okvir-noci-k {float: left;border:1px solid #ccc;border-radius:3px;text-align: center;font-size: 16px;line-height: 10px;min-height: 30px;width: 100%;}
.okvir-prevoz-k:before {content: "prevoz";font-size: 9px;top: -8px;position: relative;padding: 0 3px;background: #fff;line-height: 1px;}
.okvir-dana-k:before {content: "dana";font-size: 9px;top: -8px;position: relative;padding: 0 3px;background: #fff;line-height: 1px;}
.okvir-noci-k:before {content: "noćenja";font-size: 10px;top: -8px;position: relative;padding: 0 3px;background: #fff;line-height: 1px;}
.okvir-cena-k {float: left;border:1px solid #ccc;border-radius:3px;text-align: center;font-size: 16px;line-height: 10px;min-height: 30px;color: #9b0606;width: 100%;}
.okvir-cena-k:before {content: "cena";font-size: 10px;top: -8px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.cena-item-k:after {content: "€";font-size: 13px;}
.prevoz-avionom-k {font-size:0px}
.prevoz-avionom-k:before {width: 17px;content: url(/images/ikonice/avion.svg);display: inline-block;margin: -3px 0px -10px 0px;}
.prevoz-autobusom-k {font-size:0px}
.prevoz-autobusom-k:before {width: 17px;content: url(/images/ikonice/bus.svg);display: inline-block;margin: -3px 0px -10px 0px;}
.okvir {padding: 0 3px;}
.okvir-osoba, .okvir-plaza, .okvir-centar, .okvir-popust, .okvir-gondola, .okvir-dana, .okvir-noci {float: left;border:1px solid #ccc;border-radius:3px;text-align: center;font-size: 22px;line-height: 14px;min-height: 40px;width: 100%;}
.okvir-osoba:before {content: "max osoba";font-size: 10px;top: -13px;position: relative;padding: 0 3px;background: #fff;line-height: 1px;}
.okvir-plaza:before {content: "do plaže";font-size: 10px;top: -13px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.doplaze:after {content: "m";font-size: 16px;}
.okvir-centar:before {content: "do centra";font-size: 10px;top: -13px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;width: 100%;}
.docentra:after {content: "m";font-size: 16px;}
.okvir-popust:before {content: "popust";font-size: 10px;top: -13px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.okvir-prevoz {float: left;border:1px solid #ccc;border-radius:3px;text-align: center;font-size: 12px;line-height: 13px;min-height: 40px;width: 100%;}
.okvir-prevoz:before {content: "prevoz";font-size: 10px;top: -8px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.prevoz-item {margin-top:-5px;}
.okvir-cena {float: left;border:1px solid #ccc;border-radius:3px;text-align: center;font-size: 22px;line-height: 14px;min-height: 40px;color: #9b0606;width: 100%;}
.okvir-cena:before {content: "cena od";font-size: 10px;top: -13px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.cena-item:after {content: "€";font-size: 16px;}
.okvir-usluga, .okvir-sadrzaj, .okvir-jedinice {border:1px solid #ccc;border-radius:3px;text-align: center;font-size: 14px;margin-bottom: 25px;min-height: 40px;line-height: 14px;}
.okvir-usluga:before {content: "usluga";font-size: 13px;top: -9px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.okvir-sadrzaj:before {content: "sadržaji objekta";font-size: 13px;top: -9px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.okvir-jedinice:before {content: "sadržaji jedinica";font-size: 13px;top: -9px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.okvir-gondola:before {content: "žičara";font-size: 10px;top: -13px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.dogondole:after {content: "m";font-size: 16px;}
.lastminute-item {border: 1px solid #ccc;border-radius:3px;margin: 10px 0 20px 0;padding: 10px 0 5px 0;text-align: center;font-size: 14px;}
.lastminute-item:before {content: url('/images/ikonice/last-minute-top.svg');width: 55px;display: block;height: 10px;margin-top: -23px;margin-bottom: 10px;margin-right: auto;margin-left: auto;}
.okvir-dana:before {content: "dana";font-size: 10px;top: -13px;position: relative;padding: 0 3px;background: #fff;line-height: 1px;}
.okvir-noci:before {content: "noćenja";font-size: 10px;top: -13px;position: relative;padding: 0 3px;background: #fff;line-height: 1px;}
.prevoz-avionom {font-size:0px}
.prevoz-avionom:before {width: 25px;content: url(/images/ikonice/avion.svg);display: inline-block;margin: -5px 0px -10px 0px;}
.prevoz-autobusom {font-size:0px}
.prevoz-autobusom:before {width: 25px;content: url(/images/ikonice/bus.svg);display: inline-block;margin: -5px 0px -10px 0px;}

.pretraga-opis {padding: 15px 25px 15px 25px;}
.image_pretraga{display: block;position: relative;}
.pretraga_item{padding:20px;}
.pretraga_item1 {
  box-shadow: 0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 var(--cassiopeia-color-primary);
  background-color: #fff;
  margin-bottom: 15px;
}

.btn-block{display: block;padding: 5px;}
.btn-pdf{color:#292929;background-color:#9FC92D;margin-bottom: 5px;font-size: 14px;width: 100%;}
.btn-pdf:hover{color:#fff;background-color:#006A82;border-color:#117a8b;margin-bottom: 5px;font-size: 14px;}


.widget-iframe {height:2700px}
.subagent {display: none;}
.btn-krstarenja {display: none;}

@media screen and (max-width: 767px) {.podkategorije1 {width: 100%;}}
.podkategorija {display: flow-root;margin: 10px -15px;}
.podkategorije1 {float: left;margin: 0 0 5px 0;padding: 0 14px;background: none;border: none;}
.podkategorije {text-align: center;font-weight: 400;margin: 4px;padding: 6px;border: 1px solid #cbcbcb;color: #00657e;font-size: 17px;border-radius: 5px;}
.kategorija-broj {color: #b4b4b4;margin-left: -8px;font-size: 15px;}
@media screen and (min-width: 767px) {.galerija-mesta {max-width: 50%;}}
@media screen and (max-width: 767px) {.galerija-mesta {width: 100%;}}
@media screen and (max-width: 767px) {.galerija {margin-top: 10px;}}
.com-wrapper {padding: 0px;}

@media screen and (min-width: 767px) {.galerija-mesta {max-width: 50%;}}
@media screen and (max-width: 767px) {.galerija-mesta {width: 100%;}}
@media screen and (max-width: 767px) {.galerija {margin-top: 10px;}}
.com-wrapper {padding: 0px;}
.eapp-weather-weather-info.jsx-1617539757 {
  margin-bottom: -50px;
  z-index: 9999999;
}
.last-minute-field{width:100%;padding: 5px 15px 15px 15px;display:block;float: left;margin-right: 15px;background:#f2f2f2;;border-radius: 0 0 10px 10px;font-size: 14px;}
.last-minute-head{padding: 1px;background: #00717F;text-transform: uppercase;display: block;text-align: center;color: #fff;}
.last-minute-field-c{width:100%;padding: 5px;display:block;background:#f2f2f2;font-size: 12px;}
.last-minute-head-c{padding: 1px;background: #00717F;text-transform: uppercase;display: block;text-align: center;color: #fff;font-size: 12px}

/* --- tabela --- */
.table-scroll{
  display: block;              /* sada se razvlači po širini roditelja */
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
}

.table-scroll > table.tabela{
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;           /* popuni kontejner */
  display: table;
  border:none;
  font-size: 13px;
}

.tabela th,
.tabela td{
  padding: 3px 5px;
  border-right: 1px solid #eef0f2;
  border-bottom: 1px solid #eef0f2;
  background: #fff;
}

.tabela :is(th, td):first-child{
  text-align: left;
  white-space: normal;     /* prelama samo na razmacima */
  word-break: normal;      /* nikad ne seci reč */
  overflow-wrap: normal;   /* isto: ne lomi u sred reči */
  /* sticky ostaje kako si imao: */
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;
  box-shadow: 1px 0 0 #e5e7eb;
  /* NOVO: ograniči širinu kolone da ne širi tabelu */
  max-width: 40ch;         /* po potrebi promeni: 30–60ch */
}

/* Ostale kolone: centrirane, DOZVOLJEN prelom */
.tabela :is(th, td):not(:first-child){
  text-align: center;
  white-space: normal;      /* dozvoli prelom na razmacima */
           /* lepši prelomi uz crticu (radi bolje uz <html lang="sr">) */
}

/* Sticky header */
.tabela thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: #c2e959;
  font-weight: 600;
}
.tabela thead th:first-child{
  z-index: 3;
  background: #c2e959;
}

/* Zebra + hover */
.tabela tbody tr:nth-child(even) td{ background: #fafafa; }
.tabela tbody tr:hover td{ background: #f5f7fb; }

@media (max-width: 480px){
  .tabela th, .tabela td{ padding: 8px 10px; }
}
.lightbox-img img {
  cursor: zoom-in;
}

/* klikabilni red */
table.tabela.accordion-table tbody tr.click-row { cursor: pointer; }
table.tabela.accordion-table tbody tr.click-row:hover td { background: #f5f7fb; }

/* sakrij mod-row samo na frontu (JS dodaje data-acc="on") */
html[data-acc="on"] table.tabela.accordion-table tbody tr.mod-row { display: none; }

/* mod-row neutralan */
table.tabela.accordion-table tbody tr.mod-row td {
  padding: 12px;
  position: static !important;
  left: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
  background: #fbfcfe !important;
}

/* zebra samo za click-row */
table.tabela.accordion-table tbody tr.click-row.row-odd  td { background: #fff !important; }
table.tabela.accordion-table tbody tr.click-row.row-even td { background: #fafafa !important; }

/* ▶/▾ indikator u KOLONI iz data-trigger-col="2" */
table.tabela.accordion-table[data-trigger-col="2"] tbody tr.click-row > td:nth-child(2) {
  position: relative;
  padding-right: 22px;
}
table.tabela.accordion-table[data-trigger-col="2"] tbody tr.click-row > td:nth-child(2)::after {
  content: "+";
  position: absolute;
  right: 6px; top: 50%;
  transform: translateY(-50%);
  opacity: .7; font-size: 14px;
  z-index: 2;
}
table.tabela.accordion-table[data-trigger-col="2"] tbody tr.click-row.open > td:nth-child(2)::after {
  content: "-";
  opacity: .95;
}
table.tabela.accordion-table tbody tr.click-row td.acc-trigger { position: relative; padding-right: 22px; }
table.tabela.accordion-table tbody tr.click-row td.acc-trigger::after { content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%); opacity:.7; font-size:14px; z-index:2; }
table.tabela.accordion-table tbody tr.click-row.open td.acc-trigger::after { content:"▾"; opacity:.95; }