.otocec-app{--otocec-accent:#6f5aa8;font:inherit;color:inherit}
.otocec-building-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}
.otocec-building{appearance:none;border:1px solid #000;background:#fff;color:#000;border-radius:0;padding:18px 20px;font:inherit;font-weight:700;font-size:18px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
.otocec-building:hover{background:#fff;color:#000;border-color:#000;transform:scale(1.015);box-shadow:0 6px 18px rgba(0,0,0,.10)}
.otocec-building.is-active{border-color:#b58a45;background:#b58a45;color:#fff;box-shadow:none}
.otocec-building.is-active:hover{background:#b58a45;color:#fff;border-color:#b58a45;transform:scale(1.015);box-shadow:0 6px 18px rgba(181,138,69,.25)}
.otocec-building-count{font-weight:400;font-size:14px;opacity:.75;margin-left:6px;color:inherit}
.otocec-floor-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}
.otocec-floor-tabs button{appearance:none;border:1px solid #000;background:#000;color:#fff;border-radius:0;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
.otocec-floor-tabs button:hover{background:#000;color:#fff;border-color:#000;transform:scale(1.04);box-shadow:0 5px 14px rgba(0,0,0,.18)}
.otocec-floor-tabs button.is-active{border-color:#b58a45;background:#b58a45;color:#fff;font-weight:700}
.otocec-floor-tabs button.is-active:hover{background:#b58a45;color:#fff;border-color:#b58a45;transform:scale(1.04);box-shadow:0 5px 14px rgba(181,138,69,.28)}
.otocec-map-stage{margin-bottom:18px}
.otocec-map-panel{display:none}.otocec-map-panel.is-active{display:block}
.otocec-map-empty{padding:50px 20px;border:1px dashed #ccc;border-radius:12px;text-align:center;color:#777;background:#fafafa}
.otocec-statusbar{display:flex;gap:24px;flex-wrap:wrap;padding:13px 16px;border:1px solid #ececec;border-radius:12px;background:#fff;margin:0 0 14px}
.otocec-statusbar>div{display:flex;gap:8px;align-items:center}.otocec-statusbar strong{display:inline-flex;min-width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#f3f3f3}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-prosto{background:#4f9d69}.dot-rezervirano{background:#c79a3b}.dot-prodano{background:#c85b5b}
.otocec-table-wrap{overflow-x:auto;border:1px solid #ececec;border-radius:12px;background:#fff}
.otocec-table{width:100%;border-collapse:collapse;min-width:900px}
.otocec-table th{background:#f2f0fe;text-align:left;padding:14px 12px;font-size:13px;font-weight:700}
.otocec-table td{padding:13px 12px;border-top:1px solid #eee;vertical-align:middle}
.otocec-table tbody tr:nth-child(even){background:#fbfbf8}
.otocec-table tbody tr{transition:background-color .16s ease}
.otocec-table tbody tr:hover{background:#f6efe3}
.otocec-table tbody tr[hidden]{display:none!important}
.unit-code{font-weight:700}
.otocec-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.status-prosto{background:#e8f4ec;color:#2e7447}.status-rezervirano{background:#fff4d9;color:#8a6618}.status-prodano{background:#fde7e7;color:#963e3e}
.otocec-floorplan-btn,.otocec-garage-link a{display:inline-flex;text-decoration:none!important;border:1px solid #000;color:#000!important;background:#fff;border-radius:0;padding:7px 10px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}
.otocec-garage-link{margin-top:16px}
@media(max-width:767px){
  .otocec-building-tabs{grid-template-columns:1fr 1fr;gap:8px}
  .otocec-building{padding:13px 10px;font-size:16px}
  .otocec-floor-tabs{display:grid;grid-template-columns:1fr 1fr}
  .otocec-floor-tabs button{width:100%}
  .otocec-statusbar{gap:10px;justify-content:space-between;font-size:12px}
  .otocec-table{min-width:0}
  .otocec-table th:nth-child(5),.otocec-table td:nth-child(5),
  .otocec-table th:nth-child(6),.otocec-table td:nth-child(6),
  .otocec-table th:nth-child(7),.otocec-table td:nth-child(7){display:none}
}


.otocec-map-panel-a > *{max-width:70%;margin-left:auto;margin-right:auto}
@media(max-width:767px){
  .otocec-map-panel-a > *{max-width:100%}
}

.otocec-floorplan-btn:hover,.otocec-garage-link a:hover{
  background:#000;
  color:#fff!important;
  border-color:#000;
  transform:scale(1.02);
  box-shadow:0 5px 14px rgba(0,0,0,.16);
}

.otocec-table button,
.otocec-table a.button,
.otocec-table .button{
  border-radius:0!important;
}


/* Image Map Pro dynamic tooltip */
.otocec-imp-tooltip{min-width:220px;font-family:inherit;color:#111}
.otocec-imp-tooltip__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.otocec-imp-tooltip__code{font-size:18px;line-height:1.2}
.otocec-imp-tooltip__status{display:inline-flex;padding:5px 8px;font-size:11px;font-weight:700}
.otocec-imp-tooltip__grid{display:grid;grid-template-columns:auto auto;gap:7px 18px;font-size:13px}
.otocec-imp-tooltip__grid span{opacity:.70}
.otocec-imp-tooltip__grid strong{text-align:right;font-weight:700}
.otocec-imp-tooltip .status-prosto{background:#e8f4ec;color:#2e7447}
.otocec-imp-tooltip .status-rezervirano{background:#fff4d9;color:#8a6618}
.otocec-imp-tooltip .status-prodano{background:#fde7e7;color:#963e3e}


/* Otočec custom tooltip above Image Map Pro */
.otocec-floating-tooltip{
  position:fixed;
  z-index:999999;
  display:none;
  width:max-content;
  max-width:min(320px, calc(100vw - 20px));
  background:#111;
  color:#fff;
  padding:14px 16px;
  box-shadow:0 8px 26px rgba(0,0,0,.24);
  pointer-events:none;
}
.otocec-floating-tooltip.is-visible{display:block}
.otocec-floating-tooltip .otocec-imp-tooltip{min-width:230px;color:#fff}
.otocec-floating-tooltip .otocec-imp-tooltip__top{margin-bottom:12px}
.otocec-floating-tooltip .otocec-imp-tooltip__code{color:#fff}
.otocec-floating-tooltip .otocec-imp-tooltip__grid span{color:#d6d6d6;opacity:1}
.otocec-floating-tooltip .otocec-imp-tooltip__grid strong{color:#fff}
.otocec-floating-tooltip .otocec-imp-tooltip__status.status-prosto{background:#e8f4ec;color:#2e7447}
.otocec-floating-tooltip .otocec-imp-tooltip__status.status-rezervirano{background:#fff4d9;color:#8a6618}
.otocec-floating-tooltip .otocec-imp-tooltip__status.status-prodano{background:#fde7e7;color:#963e3e}


@media(max-width:767px){
  .otocec-table-wrap{overflow:visible;border:none;background:transparent}
  .otocec-table{min-width:0;width:100%;border-collapse:separate;border-spacing:0 14px}
  .otocec-table thead{display:none}
  .otocec-table tbody{display:block}
  .otocec-table tbody tr{display:block;background:#fff;border:1px solid #e8e8e8;box-shadow:0 2px 10px rgba(0,0,0,.04)}
  .otocec-table tbody td{display:flex !important;align-items:flex-start;justify-content:space-between;gap:14px;width:100%;padding:12px 14px;border-top:1px solid #eee;text-align:right;white-space:normal}
  .otocec-table tbody td:first-child{border-top:none}
  .otocec-table tbody td::before{content:attr(data-label);display:block;text-align:left;font-weight:700;color:#333;min-width:42%;flex:0 0 42%}
  .otocec-table tbody td > *{margin-left:auto}
  .otocec-table tbody td .otocec-status{margin-left:auto}
  .otocec-table tbody tr:nth-child(even){background:#fff}
  .otocec-table tbody tr:hover{background:#fff}
  .otocec-statusbar{display:grid;grid-template-columns:1fr;gap:10px}
  .otocec-statusbar > div{justify-content:space-between}
}

.otocec-floating-tooltip{border-radius:0}
@media(max-width:767px){
  .otocec-floating-tooltip{left:12px !important;right:12px !important;top:auto !important;bottom:12px !important;width:auto;max-width:none;padding:16px 16px 18px;pointer-events:auto;box-shadow:0 10px 30px rgba(0,0,0,.28)}
  .otocec-floating-tooltip .otocec-imp-tooltip{min-width:0}
  .otocec-floating-tooltip .otocec-imp-tooltip__top{align-items:flex-start;flex-direction:column;gap:10px;padding-right:22px}
  .otocec-floating-tooltip .otocec-imp-tooltip__grid{grid-template-columns:1fr;gap:10px}
  .otocec-floating-tooltip .otocec-imp-tooltip__grid strong{text-align:left}
  .otocec-tooltip-close{position:absolute;top:8px;right:10px;border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0}
}


/* Hide native Image Map Pro tooltips only for the apartment floorplan maps.
   Other Image Map Pro instances on the page keep their native tooltips. */
.otocec-map-panel .imp-tooltip{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}


.otocec-floor-select-wrap{display:none;margin:0 0 18px}
.otocec-floor-select{width:100%;appearance:none;border:1px solid #000;background:#fff;color:#000;padding:12px 14px;font:inherit;border-radius:0}
@media(max-width:767px){
  .otocec-floor-tabs{display:none !important}
  .otocec-floor-select-wrap{display:block}
}

@media(max-width:767px){
  .otocec-table-wrap{overflow-x:auto !important;border:1px solid #ececec !important;background:#fff !important}
  .otocec-table{display:table !important;min-width:720px !important;width:100% !important;border-collapse:collapse !important;border-spacing:0 !important}
  .otocec-table thead{display:table-header-group !important}
  .otocec-table tbody{display:table-row-group !important}
  .otocec-table tbody tr{display:table-row !important;background:transparent !important;border:none !important;box-shadow:none !important}
  .otocec-table tbody td,
  .otocec-table th{display:table-cell !important;width:auto !important;padding:13px 12px !important;text-align:left !important;white-space:normal !important}
  .otocec-table tbody td{border-top:1px solid #eee !important}
  .otocec-table tbody td::before{content:none !important;display:none !important}
  .otocec-table tbody td > *,
  .otocec-table tbody td .otocec-status{margin-left:0 !important}
  .otocec-table tbody tr:nth-child(even){background:#fbfbf8 !important}
  .otocec-table tbody tr:hover{background:#f6efe3 !important}
  .otocec-table th:nth-child(5),.otocec-table td:nth-child(5),
  .otocec-table th:nth-child(6),.otocec-table td:nth-child(6),
  .otocec-table th:nth-child(7),.otocec-table td:nth-child(7){display:none !important}
}


/* Mobile dropdown styling */
.otocec-floor-select-wrap{
  position:relative;
}
.otocec-floor-select{
  font-size:16px;
  font-weight:600;
  line-height:1.25;
  padding-right:44px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px 16px;
}
@media(max-width:767px){
  .otocec-floor-select{
    font-size:15px;
  }
}

.otocec-floorplan-btn{white-space:nowrap}