/* ===== 21) PROPERTY MAP KARTICA (single listing — Google cloud-styled mapa) =====
     Stil same mape ide preko Google Cloud Map ID-a (RealScan Light), a ovdje samo
     "uramimo" kontejner: zaobljenje + tanki zlatni okvir + sjenka. Houzez map kontejner
     na single stranici = #houzez-properties-map (+ stari ID-evi za svaki slucaj). */
  #houzez-properties-map,
  #houzez-single-listing-map,
  #houzez-single-listing-map-address,
  #houzez-single-listing-map-elementor{
    min-height:360px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    border:1px solid rgba(var(--rs-gold-rgb),0.35) !important;
    box-shadow:0 18px 45px rgba(7,28,51,0.12) !important;
  }
  /* 21b) CUSTOM ZLATNI PIN + hover tooltip (naziv + cijena). Pin se gradi u functions.php kao
     HTML OverlayView (RSPin: .rs-pin > img.rs-pin-img + .rs-pin-tip + .rs-map-popup). */
  .rs-pin{ position:relative; display:inline-block; }
  .rs-pin-img{ display:block; cursor:pointer; transform-origin:bottom center;
    transition:transform .22s cubic-bezier(.2,.8,.2,1); }
  .rs-pin:hover .rs-pin-img{ transform:scale(1.14) translateY(-2px); }
  .rs-pin-tip{
    position:absolute; left:50%; bottom:calc(100% - 6px);
    transform:translate(-50%,8px) scale(.9); transform-origin:bottom center;
    background:rgba(var(--rs-dark-lux-rgb),0.97); color:#f4f6f8;
    border:1px solid rgba(var(--rs-gold-rgb),0.5); border-radius:11px;
    padding:9px 14px; white-space:nowrap; text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,0.4); opacity:0; pointer-events:none;
    transition:opacity .24s ease, transform .28s cubic-bezier(.2,.9,.2,1); }
  .rs-pin:hover .rs-pin-tip{ opacity:1; transform:translate(-50%,0) scale(1); }
  .rs-pin-tip::after{ content:''; position:absolute; top:100%; left:50%;
    transform:translateX(-50%); border:7px solid transparent;
    border-top-color:rgba(var(--rs-dark-lux-rgb),0.97); }
  .rs-pin-name{ display:block; font-weight:700; font-size:14px; letter-spacing:.01em; }
  .rs-pin-price{ display:block; color:var(--rs-gold-2); font-weight:700; font-size:13px; margin-top:3px; }

  /* 21c) KLIK POPUP na pinu (oblacic sa nekretninom: slika + naziv + cijena + adresa, link ka oglasu).
     Gradi se u functions.php (RSPin .rs-map-popup u floatPane). Zamjenjuje stari Houzez InfoWindow
     (pukao otkad je mapa bez mapId). BOJA = plava iz naslova kartica (sek.35): light = title plava
     (var(--rs-blue-tab)->var(--rs-blue)), dark = tamna title plava (#16345a->var(--rs-dark-card)). */
  .rs-map-popup{
    position:absolute; transform:translate(-50%, calc(-100% - 62px)); z-index:60; width:250px;
    background:linear-gradient(180deg,var(--rs-blue-tab),var(--rs-blue)); border:1px solid rgba(var(--rs-gold-rgb),0.55);
    border-radius:14px; box-shadow:0 18px 44px rgba(0,0,0,0.5); overflow:hidden; color:#e6ecf5;
    opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;
  }
  .rs-map-popup.open{ opacity:1; pointer-events:auto; transform:translate(-50%, calc(-100% - 70px)); }
  .rs-map-popup::after{ content:''; position:absolute; left:50%; bottom:-9px; transform:translateX(-50%);
    border:9px solid transparent; border-top-color:var(--rs-blue); }
  .rs-map-popup .rs-mp-link{ display:block; color:inherit; text-decoration:none; }
  .rs-map-popup .rs-mp-thumb{ width:100%; height:132px; background-size:cover; background-position:center; }
  .rs-map-popup .rs-mp-body{ padding:11px 13px 13px; }
  .rs-map-popup .rs-mp-title{ font-size:15px; font-weight:700; color:#fff; margin:0 0 3px; }
  .rs-map-popup .rs-mp-price{ font-size:15px; font-weight:800; color:var(--rs-gold-2); margin:0 0 6px; }
  .rs-map-popup .rs-mp-addr{ font-size:12px; color:#dbe4f0; line-height:1.35; }
  .rs-map-popup .rs-mp-close{ position:absolute; top:6px; right:8px; width:22px; height:22px; border-radius:50%;
    background:rgba(0,0,0,0.4); color:#fff; border:none; cursor:pointer; font:14px/22px sans-serif; text-align:center; z-index:2; }
  .rs-map-popup .rs-mp-close:hover{ background:rgba(0,0,0,0.65); }
  /* DARK tema: oblacic = tamna title plava (kao naslov u dark) */
  html.rs-dark .rs-map-popup{ background:linear-gradient(180deg,#16345a,var(--rs-dark-card)); }
  html.rs-dark .rs-map-popup::after{ border-top-color:var(--rs-dark-card); }

  /* ⭐ SVIJETLA TEMA (korisnik 2026-07-25): oblacic u svijetloj boji sa stranice nekretnine,
     ista ona sa `.block-wrap` kartica — bijela + navy 10% = `#e9ecf0` (izmjereno uzivo).
     Do sad je i u svijetloj temi bio tamnoplav pa je „iskakao" iz svijetle mape.
     Tekst: naslov navy, cijena tamnije zlato (svijetla zlatna se na svijetlom gubi), adresa siva. */
  html:not(.rs-dark) .rs-map-popup{
    background:#e9ecf0; color:#222; border-color:rgba(34,64,106,0.28);
    box-shadow:0 16px 40px rgba(20,35,60,0.28);
  }
  html:not(.rs-dark) .rs-map-popup::after{ border-top-color:#e9ecf0; }
  html:not(.rs-dark) .rs-map-popup .rs-mp-title{ color:#22406a; }
  html:not(.rs-dark) .rs-map-popup .rs-mp-price{ color:#8a6712; }
  html:not(.rs-dark) .rs-map-popup .rs-mp-addr{ color:#5a6472; }
  html:not(.rs-dark) .rs-map-popup .rs-mp-close{ background:rgba(34,64,106,0.55); }
  html:not(.rs-dark) .rs-map-popup .rs-mp-close:hover{ background:rgba(34,64,106,0.8); }

  /* Android Chrome "font boosting": bez ovoga telefon SAM naduva tekst (hero i drugi
     blokovi izgledaju ogromni na pravom telefonu, a normalni u emulaciji/desktopu). Ovim
     mu kazemo da postuje dizajnirane velicine fonta. Globalno (svi ekrani). */
  html{ -webkit-text-size-adjust:100% !important; text-size-adjust:100% !important; }


  /* --- NATPISI CRNOGORSKIH MJESTA NA SEARCH MAPI (2026-07-25) ---
     Korisnik: „makni natpise gradova koji nisu iz CG, sav info za CG da se vidi ali okolo da ga nema."
     Googleovi natpisi naselja/drzava su ugaseni u stilu (inc/04, RS_LABELS_OFF) jer se ne mogu
     filtrirati po drzavi; ovo su NASI natpisi (25 sjedista opstina). Sjenka/obrub da se citaju i
     preko svijetlih i preko tamnih dijelova mape. */
  .rs-map-place{
    position:absolute; transform:translate(-50%,-50%); white-space:nowrap; pointer-events:none;
    font-size:11.5px; font-weight:700; letter-spacing:.01em; line-height:1;
    color:#12233a; text-shadow:0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
  }
  html.rs-dark .rs-map-place{
    color:#e6ecf5; text-shadow:0 1px 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.9);
  }
  @media (max-width:768px){ .rs-map-place{ font-size:10px; } }