.filters .luke-tag-trigger {
    all: unset;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    gap: 5px;
    text-align: center;
    padding: .4em .3em;
}

.filters .luke-tag-trigger:hover,
.filters .luke-tag-trigger.selected {
    border-color: var(--link_color);
}

.filters .luke-tag-trigger .icon img {
    height: 40px !important;
    width: auto;
    object-fit: cover;
}

.filters .luke-tag-trigger .description {
    font-size: 12px;
    line-height: 1.3;
}

@media screen and (max-width: 800px) {
    .filters .luke-tag-trigger {
        width: 73px !important;
        padding: 0 !important;
    }
    
    .filters .luke-tag-trigger .icon img {
        height: 25px !important;
    }
    
    .filters .luke-tag-trigger .description {
        font-size: 10px !important;
    }
}

#map {
    height: 500px;

}
/* FILTERI */
.category .icon svg, .category .icon img, .category .icon {
    height: 40px!important;
    width: auto;
}

.category .icon img {
    object-fit: cover;
}

.filters .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    
}

.filters .row::before {
    display: none!important;
}

.filters .row::after {
    display: none!important;
}

.filters .item {
    all: unset;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    cursor: pointer;
    
}

.filters.smjestaj .item {
    border-radius: 7px;
}

.filters .description {
    line-height: 1.3;
}

.filters .category .item, .filters .tags .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 80px;
    gap: 5px;
    text-align:center;
}

.filters .tags.smjestaj .item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 35px;
    height: 30px;
    gap: 5px;
    padding: 0;
}

.filters .item:hover,
.filters .item.selected {
    border-color: var(--link_color);
}

.filters .item .icon.hotel svg {
    fill: none;
    stroke: #231F20;
}
/*
.filters .item.selected .icon.hotel svg {
    stroke: var(--link_color)!important;
    fill: none !important;
}

.filters .item.selected .icon svg, .item.selected .icon svg path {
    fill: var(--link_color) !important;
}
*/
/*HIGHLIGHT ODABRANIH*/
.filters .item.selected .icon svg, .item.selected .icon svg, .filters .item.selected .icon svg, .item.selected .icon svg * {
    stroke:var(--link_color)!important;
    stroke-width: 2px
}

.item.selected .icon svg path,
.path * {
    fill: none;
    stroke:var(--link_color)!important;
    vector-effect: non-scaling-stroke;
    stroke-width: 1px!important
}

.filters .category, .filters .tag {
    padding: .4em .3em;
}

.filters .category .description, .filters .tags .description {
    font-size: 12px;
}

ul.fusion-filters li,
ul.fusion-filters {
    display: none !important;
    height: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#tags.smjestaj .icon svg {
    font-size: 15px!important;
    width: 16px!important;
}

#tags .beds input, #tags .persons input {
    justify-content: space-between;
    border: none;
    border-bottom: 1px solid #dfdfdf;
    height: 20px;
    width: 35px;
    padding: 0;
    margin: 4px;
    border-radius: 0;
}

#tags .beds .icon, #tags .persons .icon  {
    line-height: .5em;
    margin-left: 2px;
}

#tags .persons .icon svg {
    width: 15px!important;
}

#tags .beds .icon svg {
    width:19px!important;
}

/*
.beds-input:hover ~ .icon svg {
    fill:var(--link_color)!important;
}
*/

.tags.gastronomija {
    display: none;
}

.tags.gastronomija .tag, .tags.beaches .tag {
    font-size: 12px;
}

.filters.beaches .item {
    text-align: center;
}

/*Prikaz strelica broj smjestaja*/
.beds input[type=number]::-webkit-inner-spin-button, 
.beds input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}
.persons input[type=number]::-webkit-inner-spin-button, 
.persons input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

.filters .selected {}

/* PODKATEGORIJE RESTORANA */
.row.subcategories {
    gap: 8px;
}

.filters .item.subcategory, .filters .item.tag.restorani {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 65px;
    gap: 4px;
    text-align: center;
    cursor: pointer;
    padding: 5px 0!important;
}

.filters .item.subcategory .icon svg,
.filters .item.subcategory .icon img,
.filters .item.subcategory .icon, .filters .item.tag.restorani svg, .filters.item.tag.restorani img {
    height: 28px !important;
    width: auto;
}

.filters .item.subcategory .description, .filters .item.tag.restorani .description {
    font-size: 11px;
    line-height: 1.2;
}

/* OZNAKE NA POSTU */
.post-categories-grid {
    display: flex;
    margin-bottom:1.2em;
    gap: 10px;
    margin-right:10px;

}
.post-categories-grid  .category {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.post-categories-grid .cat-name {
    font-size: 11px;
    line-height: 1.3;
    margin-top: 4px;
}
.post-categories-grid .category-wrapper .category {
    width: 86px!important;
    background-color:white;
    padding:10px 15px;
}
.post-categories-grid .category-wrapper {
    display:flex;
}

.cat-name {
    display: flex; 
    flex: 1;
    flex-direction:column;
    justify-content:center;
}

 .post-categories-grid .icon svg, .post-categories-grid .icon img, .post-categories-grid  .icon {
    height: 29px!important;
    width: auto;
 }

.post-tags-container {
    display: flex;
    align-items: center;
    margin-top:-9px;
}

.post-tags-container .post-tag {
    display: flex;
    align-items:center;
    gap: 4px;
}

.post-tags-container .icon {
    font-size: 20px;
    width: 17px;
    margin-top:-1px;
}

.post-tag .tag-name {
    font-size:15px;
    color: black;
    margin-top: -1px;
}

.post-tags-container .icon svg {
    width: 15px;
    fill: var(--link_color);
}


.brlezaja-card .icon svg {
    width: 20px;
    fill: var(--link_color);
}

.fusion-checklist .fusion-li-item:has(div.fusion-li-item-content:empty) {
    /* Prazan red */
    display: none !important;
    height: 0 !important;
}

.brlezaja-card {
    margin-right: 10px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: -5px;
}

.brlezaja-card .icon svg {
    width: 20px;
}

.brlezaja-card .amount {
    margin-top:-1px;
    font-size:15px;
}

.hide,
.hide-t {
    display: none !important;
}

/* DETALJI SMJESTAJA */

.details .icon {
    height: 29px;
    fill: none;
}

.persons .icon {
    width: 20px;
}

.details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.details .value {
    font-size: 13px;
}

/* PAGINATION */

.hidden {
    display: none !important;
}

.pagination-container {
    width: calc(100% - 2rem);
    display: none;
    align-items: center;
    justify-content: center;

}

.pagination-number,
.pagination-button {
    font-size: 1.1rem;
    background-color: transparent;
    border: none;
    margin: 0.25rem 0.25rem;
    cursor: pointer;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: .2rem;
}

.pagination-number:hover,
.pagination-button:not(.disabled):hover {
    background: #fff;
}

.pagination-number.active {
    color: #fff;
    background: #0085b6;
}

/* BEZ POSTAVE */
.post-card.bez_postave .image::after {
    content: "Trenutno\00000abez postave";
    position: absolute;
    top: 31%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    white-space: pre;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: white;
    z-index: 9999;
}

.post-card.bez_postave .image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(85, 85, 85, 0.5);
    z-index: 1;
}

.flexslider.flexslider-hover-type-none.fusion-slider-sc-cover {
    min-height: 300px!important;
}

.details .icon svg rect {
    stroke:black;
}

.details.kategorija .icon svg, .details.kategorija .icon img{
    height:29px !important;
}

.details.kategorija .icon svg {
    fill: black;
}

.empty-postcards-msg {
    text-align:center;
    margin:1em;
    font-size:17px;
    width: 100%;
    margin-top:3em;
    display:none;
}

/*DOGADAJ KATEGORIJA*/

.dogadaj-kategorija {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.dogadaj-kategorije {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.dogadaj-kategorija .ikona * {
    height: 30px!important;
    width: auto;
    fill: white;
}

.dogadaj-kategorija .ikona {
    display: flex;
}

.dogadaj-kategorija .naziv-kategorije {
    font-size: 24px;
    text-transform: uppercase;
}

/*IKONE PLAŽE*/

.plaze-ikone-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.plaze-ikone-sadrzaji, .plaze-ikone-tip {
    display: flex;
    gap: 10px;
}

.plaze-ikone-container .ikona, .restorani-ikone {
    width: 20px;
}
/*
.plaze-tooltip .bottom {
    top:20px;
    left:50%;
    transform:translate(-50%, 0);
    padding:10px 15px;
    color:#143753;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    border:1px solid #29b4e6;box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.plaze-tooltip:hover .bottom {
    visibility:visible; opacity:1;
}
*/

.plaze-tooltip {
  display: inline-block;
  position: relative;
}

.plaze-tooltip .bottom {
  background: #18B0E7;
  bottom: -10px;
  color: #fff;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  white-space: nowrap;
  transition: all .25s ease-out;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 9999;
  text-align: center;
}

.plaze-tooltip .bottom:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 100%;
}

.plaze-tooltip .bottom:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #1496bb 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  margin-left: -10px;
  position: absolute;
  width: 0;
}

.plaze-tooltip:hover .bottom {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(-100%);
  width: max-content;
  white-space: normal;
  left: 50%; /* Added to center the tooltip */
}


/*RESPONZIVNOST*/
@media screen and (max-width: 800px) {
    /*Kategorije i tagovi na objavama*/
  .plaze-shortcode-container .fusion-content-nowrap, .post-categories-grid .category-wrapper {
        flex-wrap: wrap!important;
        justify-content:center!important;
        gap: 5px;
        margin: 0!important;
        padding: 0!important;
  }
  .post-categories-grid .category-wrapper .category {
    width: 80px!important;
}
  
  .post-categories-grid {
      gap: 5px!important;
      justify-content: center!important;
      margin-right:0!important;
  }
  .post-categories-grid.tags-grid {
      margin-left: 0 !important;
  }
  /*****/
  /*Filteri*/
  .filters .category, .filters .tags {
      padding: 0!important;
  }
  .filters .row {
    margin-left: 0!important;
    margin-right: 0!important;
  }
  
  .filters.smjestaj .row.category, .filters.gastronomija .row.category {
    margin-left: -15px!important;
  }
  
  .filters .category .icon svg, .filters .category .icon img, .filters .category .icon, .filters #tags .tag .icon svg, .filters .tag .icon, .filters .tag .icon img {
    height: 25px!important;
    width: auto;
 }
 .filters .category .item, .filters .tags .item {
    width: 73px!important;

    gap: 5px;
}
.filters .category .description, .filters .tags .description {
    font-size: 10px!important;
}

.filters .item.subcategory {
    width: 65px !important;
    height: 55px;
}
.filters .item.subcategory .icon svg,
.filters .item.subcategory .icon img,
.filters .item.subcategory .icon {
    height: 20px !important;
}
.filters .item.subcategory .description {
    font-size: 9px !important;
}
  /****/
  /*Paginacija*/
  .pagination-container {
      width:100%!important;
  }
  #pagination-numbers {
      display: flex !important;
      justify-content: space-evenly!important;
      width:100% !important;
  }
  .pagination-number,
.pagination-button {
    font-size: 1rem!important;
    margin: 0!important;
    height: 2.5rem;
    width: 2.2rem!important;
    color: black;
}

.layout_luke_kategorija_int {
    margin-top: -15px!important;
    margin-bottom: 20px!important;
    
}
}

.gastro_luke_ikona .img-responsive {
    display:none;
}

/*GASTRO LUKE TAG*/
.gastro-luka-tag .gastro_luke_ikona {
    z-index: 999;
}

.gastro-luka-tag .gastro_luke_ikona .img-responsive {
    display:block!important;
		    
}

/*PLAVA ZASTAVA*/

.item.category.blue-flag, .item.category.drapeau-bleu, .item.category.die-blaue-flagge, .item.category.bandiera-blu, .item.category.bandera-azul {
	display: none!important;
}


.fusion-image-carousel-fixed .awb-swiper .fusion-image-wrapper img, .objava-carousel img, .swa-carousel img {/* Slike u fotoalbum */
	max-height: 202px!important;
	width: auto;
}

/* IMAGE SLIDER RAZMAK */
.slider-wrapper-stil {
    justify-content: center;
}

.swiper-stil {
    width: fit-content !important;
}

.rijecke-plaze div[data-value="travnata-povrsina-en"],
.rijecke-plaze div[data-value="travnata-povrsina-fr"],
.rijecke-plaze div[data-value="travnata-povrsina-de"],
.rijecke-plaze div[data-value="travnata-povrsina-es"],
.rijecke-plaze div[data-value="travnata-povrsina-it"],
.tags.travnata-povrsina-en, 
.tags.travnata-povrsina-fr, 
.tags.travnata-povrsina-de, 
.tags.travnata-povrsina-es, 
.tags.travnata-povrsina-it {
  display: none !important;
}

/*sehenswurdigkeiten*/
.post-categories-grid .category-wrapper.sehenswurdigkeiten .category {
    width: 115px !important;
}

.poruka-parkovi {
    display: none;
}