/* ============================= */ /* BLANC BLEU LOCATIONS - FINAL */ /* ============================= */ /* ===== RESET (WPBakery safe) ===== */ .bb-locations-row, .bb-locations-row .vc_column_container, .bb-locations-row .vc_column-inner, .bb-locations-row .wpb_wrapper, .bb-locations-col, .bb-locations-col .vc_column-inner, .bb-locations-col .wpb_wrapper { width: 100% !important; max-width: 100% !important; } .bb-locations-row { margin-left: 0 !important; margin-right: 0 !important; } /* ===== WRAPPER ===== */ .bb-locations-wrap { width: 100%; max-width: 1400px; margin: 0 auto; padding: 20px 0 40px; } /* ===== MAP ===== */ .bb-locations-map { position: relative !important; width: 100%; display: block; } .bb-locations-map img { display: block !important; width: 100% !important; height: auto !important; border-radius: 12px; } /* ================= */ /* PIN BASE */ /* ================= */ a.bb-locations-pin { position: absolute !important; display: flex !important; align-items: center; transform: translate(-50%, -50%); text-decoration: none !important; z-index: 50 !important; } /* ================= */ /* HOTEL PIN (LOGO) */ /* ================= */ .bb-locations-pin--hotel .bb-locations-dot { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; border: 3px solid #ffffff; background: #ffffff; box-shadow: 0 10px 28px rgba(0,0,0,0.3); transition: all .25s ease; position: relative; } .bb-locations-pin--hotel .bb-locations-dot img { width: 100%; height: 100%; object-fit: cover; } .bb-locations-pin--hotel:hover .bb-locations-dot { transform: scale(1.1); } /* ================= */ /* AIRPORT PIN */ /* ================= */ .bb-locations-pin--airport .bb-locations-dot { width: 32px; height: 32px; border-radius: 50%; background: #c8a46b; border: 4px solid #ffffff; box-shadow: 0 6px 16px rgba(0,0,0,0.3); transition: all .25s ease; } .bb-locations-pin--airport:hover .bb-locations-dot { transform: scale(1.2); } /* ================= */ /* TOOLTIP - DESNO */ /* ================= */ .bb-locations-tooltip { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 18px; min-width: 200px; background: #ffffff; color: #0f1a24; font-size: 14px; line-height: 1.3; padding: 14px 16px; border-radius: 12px; box-shadow: 0 14px 34px rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: all .25s ease; pointer-events: none; z-index: 60; } /* strelica */ .bb-locations-tooltip:before { content: ""; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); border-width: 8px 8px 8px 0; border-style: solid; border-color: transparent #ffffff transparent transparent; } /* hover */ a.bb-locations-pin:hover .bb-locations-tooltip { opacity: 1; visibility: visible; margin-left: 22px; } /* tekst */ .bb-locations-tooltip strong { display: block; font-size: 15px; margin-bottom: 5px; font-weight: 600; } .bb-locations-tooltip span { font-size: 13px; color: #6b7785; } /* ================= */ /* RESPONSIVE */ /* ================= */ @media (max-width: 991px) { .bb-locations-wrap { padding: 15px 0 30px; } } @media (max-width: 767px) { .bb-locations-map img { border-radius: 8px; } .bb-locations-pin { transform: translate(-50%, -50%) scale(0.85); } .bb-locations-tooltip { display: none; } }
.bb-locations-map img {
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}
/* CENTRIRANJE SADRŽAJA U STRETCH ROW */

.bb-locations-row {
  display: flex !important;
  justify-content: center !important;
}

/* centriraj kolonu */
.bb-locations-row > .vc_column_container {
  width: 100%;
  max-width: 1400px; /* isto kao mapa */
}

/* dodatno osiguranje */
.bb-locations-col .wpb_wrapper {
  width: 100%;
}
/* ================= */
/* MAP EDGE GRADIENT */
/* ================= */

.bb-locations-map {
  position: relative;
  overflow: hidden;
}

/* overlay sloj */
.bb-locations-map:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;

  background: radial-gradient(
    ellipse at center,
    rgba(0,0,0,0) 55%,        /* centar čist */
    rgba(0,0,0,0.25) 75%,     /* lagani prelaz */
    rgba(0,0,0,0.45) 100%     /* ivice tamnije */
  );
}