h2 {font-size: 1.2rem;text-decoration: none;font-weight: var(--cassiopeia-font-weight-headings,600);}
h3 {font-size: 1rem;text-decoration:none;font-weight: var(--cassiopeia-font-weight-headings,600);}
h6 {font-weight: var(--cassiopeia-font-weight-headings,500);}
a:not([class]) { text-decoration: none;}
b, strong {font-weight: 600;}
@supports (display: grid) {
    .site-grid {
        grid-template-areas:
          ". banner banner banner banner ."
          ". comp comp comp comp ."
          ". side-r side-r side-r side-r ."
          ". side-l side-l side-l side-l ."
		  ". top-a top-a top-a top-a ."
          ". top-b top-b top-b top-b ."
          ". bot-a bot-a bot-a bot-a ."
          ". bot-b bot-b bot-b bot-b .";
    }
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
              ". banner banner banner banner ."
              ". side-l comp comp side-r ."
			  ". top-a top-a top-a top-a ."
              ". top-b top-b top-b top-b ."
              ". bot-a bot-a bot-a bot-a ."
              ". bot-b bot-b bot-b bot-b ."
        }
    }
}

.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: 1px solid #a6ce39;margin: 0 15px;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;}
.container-header .container-nav {padding-bottom: .5em;}
.naslov-kategorije{text-align: center;color: #00717F;margin-bottom:20px;font-size: 34px;}
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;aspect-ratio: 10 / 6;}
.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: #ffd700;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:0 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%;float: right;margin: 0 0 10px 0;}
.itinerer1 {width: 50%;padding: 10px;float: left;}
.cenovnik {width: 50%;padding: 10px;float: right;}
.left.item-image{float: none;aspect-ratio: 10 / 6;}
.kategorija-objekta{text-align: center;color: #febb02;}
.foto-article {margin-bottom: 25px;aspect-ratio: 10 / 7;}
.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: 5px;}
.naziv-objekat-cat{font-size:1.2rem;color: #00657e;font-weight: 400;min-height: 55px;line-height: 1.2;}
 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;}
.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 15px 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;margin:10px 0px;}
@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, .okvir-gondola-e {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, .okvir-prevoz-e {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;padding-bottom: 5px;}
.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;}
.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:#fff;background-color:#006A82;margin-bottom: 5px;width: 100%;font-size:14px;}
.btn-pdf:hover{color:#292929;background-color:#9FC92D;margin-bottom: 5px;font-size:14px;}
.btn-pdf1{color:#fff;background-color:#006A82;margin-bottom: 5px;width: 100%;padding: 12px 0;}
.btn-pdf1:hover{color:#292929;background-color:#9FC92D;margin-bottom: 5px;padding: 12px 0;}
.btn-pdf2{color:#000;background-color:#9FC92D;margin-bottom: 5px;width: 100%;}
.btn-pdf2:hover{color:#fff;background-color:#006A82;margin-bottom: 5px;}
.btn-crveno{color:#fff;background-color: #910048;margin-bottom: 5px;font-size: 18px;width: 100%;}
.btn-crveno:hover{color:#292929;background-color:#9FC92D;margin-bottom: 5px;font-size: 18px;}
.btn-dejan {border:1px solid #ccc}
.btn-dejan:hover {background:#f3f3f3}
/* prva strana naslovi */
.zastava1 {align-self: center;}
.zastave-margine {margin: 6px -15px;min-height: 80px;}
.zastave-sve {margin-top: 0;}
.naslov-drzave{font-size: 20px;font-weight: 500;line-height: 22px;letter-spacing: 0px;color:#000;margin-top:5px;margin-bottom: 3px;}
.naslov-drzave-1{font-size: 13px;color:#000;}
@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;}
.widget-iframe {height:2700px}
.footer_dejan {margin-top:20px}
@media screen and (max-width: 767px) {.footer_dejan {width: 100%;}}
.footer .grid-child {justify-content: space-between;align-items: flex-start;padding: 2.5rem .5em;}
.margina-pretraga{margin-top: 8px;}
.gore-30{margin-top: 30px;}
.dole-30{margin-bottom: 30px;}
@media screen and (min-width: 767px) {.galerija-mesta {max-width: 50%;margin: 0px 10px 10px 0px}}
@media screen and (max-width: 767px) {.galerija-mesta {width: 100%;margin: 10px 0px}}
@media screen and (max-width: 767px) {.galerija {margin-top: 10px;}}
.com-wrapper {padding: 0px;}
div:hover + .last-minute-field-k {display:block}
.lokacija {font-size: .8em;display: block;}
.lokacije {float: left;}
.dogondole-k {font-size:18px}
.gondola{float:right;margin-top: 7px;}
.okvir-gondola-k {float: left;border: 1px solid #ccc;border-radius: 3px;text-align: center;font-size: 22px;line-height: 10px;min-height: 30px;  width: 100%;}
.okvir-gondola-k:before {content: "žičara";font-size: 10px;top: -13px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.dogondole-k:after {content: "m";font-size: 16px;}
.dole-info-k{display: flow-root;border-top: 1px solid #ccc;padding-top: 10px;}
.mali-tekst {font-size: 10px;}
[data-rlta-element="container"] > [data-rlta-element="panel"] {
  border: 0px solid #c0c6cf;
  border-radius: 0 0 5px 5px;
  margin-bottom: .25em;
}
ul.fields-container {list-style: none;padding-left: 0;}
.h1kategorija{font-size: 16px;text-align: center;font-weight: 600;}
.footer_mobil {text-align:center}
.galerija-levo, .galerija-desno {max-height: 480px;height: 100%;overflow: hidden;}
.galerija-desno {overflow-y: auto;font-size: 12px;}
.galerija-levo1, {max-height: 480px;}
.galerija-desno1 {overflow-y: auto;font-size: 12px;max-height: 500px;}





/* --- 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; }