/* assets/uowm-leaflet.css */

/* ===== Map wrapper ===== */
.uowm-map-wrap{
  position: relative;
}

.uowm-leaflet-map{
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}

.uowm-leaflet-map.uowm-grayscale .leaflet-tile-pane{
  filter: grayscale(100%) contrast(1.05);
}

/* ===== Zoom controls ===== */
.uowm-zoom{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 !important;
  width: 46px;
}

.uowm-zoom-btn{
  width: 46px;
  height: 46px;
  border: 0 !important;
  outline: 0;
  border-radius: 16px;
  background: #c72039 !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  color: #fff !important;
  transition: background .15s ease, transform .15s ease;
}

.uowm-zoom-btn:hover,
.uowm-zoom-btn:focus{
  background: #b01c32 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.uowm-zoom-btn:active{
  transform: translateY(0);
}

.uowm-zoom-btn i{
  color: #fff !important;
}

/* ===== Directory button ===== */
.uowm-dir-btn,
.uowm-dir-btn:visited,
.uowm-dir-btn:focus,
.uowm-dir-btn:hover,
.uowm-dir-btn:active{
  margin: 12px;
  padding: 12px 16px;
  border: 0 !important;
  outline: 0;
  border-radius: 16px;
  background: #c72039 !important;
  color: #fff !important;
  font-weight: 800;
  letter-spacing: .2px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: background .15s ease, transform .15s ease, filter .15s ease;
}

.uowm-dir-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

/* ===== Custom pin ===== */
.uowm-pin-wrap{
  background: transparent;
  border: none;
}

.uowm-pin{
  width: 38px;
  height: 48px;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.28));
}

.uowm-pin svg{
  width: 100%;
  height: 100%;
}

.uowm-pin path{
  fill: #c72039;
}

.uowm-pin circle{
  fill: #424242;
  opacity: .95;
}

/* ===== Label πάνω από pin ===== */
.leaflet-tooltip.uowm-marker-label{
  border: 0 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.18);
  border-radius: 16px;
  padding: 10px 14px;
  background: rgba(255,255,255,.92);
  color: rgba(0,0,0,.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.leaflet-tooltip.uowm-marker-label:before{
  display: none !important;
}

/* ===== Leaflet popup ===== */
.leaflet-popup.uowm-popup .leaflet-popup-content-wrapper{
  background: rgba(25,25,25,.96) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.30) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.leaflet-popup.uowm-popup .leaflet-popup-tip{
  background: rgba(25,25,25,.96) !important;
  border: 0 !important;
}

.leaflet-popup.uowm-popup .leaflet-popup-content{
  margin: 16px 16px !important;
  width: min(420px, 78vw);
}

.uowm-popup-inner{
  color: #fff !important;
}

.uowm-popup-title{
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 6px;
  color: #fff !important;
}

.uowm-popup-summary{
  font-size: 13px;
  color: rgba(255,255,255,.72) !important;
  margin-bottom: 12px;
}

.uowm-popup-actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.uowm-btn{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 12px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 900;
  border: 0 !important;
  background: #c72039 !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  transition: background .15s ease, transform .15s ease;
}

.uowm-btn:hover,
.uowm-btn:focus,
.uowm-btn:active{
  background: #b01c32 !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

.uowm-btn-outline,
.uowm-btn-outline:visited,
.leaflet-popup.uowm-popup a.uowm-btn-nav,
.leaflet-popup.uowm-popup a.uowm-btn-nav:visited{
  background: #424242 !important;
  color: #fff !important;
  box-shadow: none;
}

.uowm-btn-outline:hover,
.uowm-btn-outline:focus,
.uowm-btn-outline:active,
.leaflet-popup.uowm-popup a.uowm-btn-nav:hover,
.leaflet-popup.uowm-popup a.uowm-btn-nav:focus,
.leaflet-popup.uowm-popup a.uowm-btn-nav:active{
  background: #2f2f2f !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* ===== SweetAlert2 ===== */
.swal2-container.swal2-backdrop-show{
  background: rgba(10,12,15,.55) !important;
}

.swal2-container{
  z-index: 1000005 !important;
}

.swal2-popup.uowm-swal{
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 22px;
  background: rgba(17,17,17,.94) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 26px 80px rgba(0,0,0,.45);
  color: #fff !important;
  width: min(1200px, 92vw) !important;
  height: min(760px, 86vh) !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 18px 18px 14px !important;
}

.swal2-popup.uowm-swal .swal2-title{
  margin: 6px 0 10px !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
  color: #fff !important;
  font-size: clamp(28px, 3vw, 56px) !important;
  line-height: 1.05 !important;
}

.swal2-popup.uowm-swal .swal2-html-container{
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

.swal2-popup.uowm-swal .swal2-close{
  position: absolute !important;
  left: auto !important;
  right: 14px !important;
  top: 14px !important;
  z-index: 10 !important;
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}

.swal2-popup.uowm-swal .swal2-close:hover{
  background: rgba(199,32,57,.22) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(0,0,0,.22) !important;
}

.swal2-popup.uowm-swal .swal2-close:active{
  transform: translateY(0);
}

.swal2-popup.uowm-swal .swal2-close,
.swal2-popup.uowm-swal .swal2-close:hover{
  color: #fff !important;
}

/* directory layout inside swal */
.uowm-dir{
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.uowm-dir-top{
  flex: 0 0 auto;
}

.uowm-dir-search{
  width: 100%;
  padding: 14px 16px;
  border: 0 !important;
  outline: 0;
  border-radius: 16px;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

.uowm-dir-search::placeholder{
  color: rgba(255,255,255,.55) !important;
}

.uowm-dir-tablewrap{
  flex: 1 1 auto;
  overflow: auto;
  border-radius: 18px;
  background: rgba(255,255,255,.04) !important;
}

.uowm-dir-table{
  width: 100%;
  border-collapse: collapse;
}

.uowm-dir-table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  text-align: left;
  padding: 14px 14px;
  font-size: 13px;
  color: rgba(255,255,255,.82) !important;
  background: rgba(255,255,255,.04) !important;
  backdrop-filter: blur(10px);
}

.uowm-dir-table tbody td{
  padding: 14px 14px;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  font-size: 14px;
  color: rgba(255,255,255,.92) !important;
}

.uowm-td-mini{
  color: rgba(255,255,255,.72);
  font-size: 13px;
}

.uowm-td-go{
  text-align: right;
}

/* GO button */
.uowm-go{
  width: 48px;
  height: 48px;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 14px;
  background: #c72039 !important;
  color: #fff !important;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: .18s ease;
}

.uowm-go i{
  font-size: 18px;
  color: #fff !important;
  line-height: 1;
}

.uowm-go:hover,
.uowm-go:focus,
.uowm-go:active{
  background: #b01c32 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.uowm-go:hover i,
.uowm-go:focus i,
.uowm-go:active i{
  color: #fff !important;
}

.uowm-go.uowm-go-gmaps,
.uowm-go.uowm-go-gmaps:visited{
  min-width: 138px;
  width: auto;
  padding: 0 18px;
  text-decoration: none !important;
  background: #424242 !important;
  color: #fff !important;
  font-weight: 800;
  letter-spacing: .2px;
}

.uowm-go.uowm-go-gmaps:hover,
.uowm-go.uowm-go-gmaps:focus,
.uowm-go.uowm-go-gmaps:active{
  background: #2f2f2f !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* nicer scrollbars */
.uowm-dir-tablewrap::-webkit-scrollbar{
  width: 10px;
}

.uowm-dir-tablewrap::-webkit-scrollbar-track{
  background: rgba(255,255,255,.06);
  border-radius: 10px;
}

.uowm-dir-tablewrap::-webkit-scrollbar-thumb{
  background: rgba(199,32,57,.45);
  border-radius: 10px;
}

.uowm-dir-tablewrap::-webkit-scrollbar-thumb:hover{
  background: rgba(199,32,57,.65);
}

/* fullscreen button */
.uowm-fs-btn{
  width: 46px;
  height: 46px;
  border: 0 !important;
  outline: 0;
  border-radius: 16px;
  background: #c72039 !important;
  color: #fff !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  transition: background .15s ease, transform .15s ease;
}

.uowm-fs-btn:hover,
.uowm-fs-btn:focus{
  background: #b01c32 !important;
  transform: translateY(-1px);
}

.uowm-fs-btn i{
  font-size: 20px;
  color: #fff !important;
}

/* fullscreen mode */
.uowm-map-wrap.uowm-map-fs{
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: #0b0f14;
  padding: 18px;
}

.uowm-map-wrap.uowm-map-fs .uowm-leaflet-map{
  height: calc(100vh - 36px) !important;
  border-radius: 18px;
}

/* prevent body scroll when fullscreen */
html.uowm-map-fs-on,
html.uowm-map-fs-on body{
  overflow: hidden !important;
}

/* normalize Leaflet controls in top-left */
.uowm-leaflet-map .leaflet-top.leaflet-left{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 12px;
}

.uowm-leaflet-map .leaflet-top.leaflet-left .leaflet-control{
  margin: 0 !important;
}

.uowm-zoom,
.uowm-fs-btn{
  width: 46px;
}

.uowm-zoom-btn,
.uowm-fs-btn{
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Legend */
.uowm-legend{
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(66,66,66,.88);
  color: #fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  border: 0 !important;
}

.uowm-legend-title{
  font-weight: 900;
  font-size: 13px;
  margin-bottom: 8px;
  opacity: .9;
}

.uowm-legend-row{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: rgba(255,255,255,.9);
}

.uowm-legend-pin{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #c72039;
  box-shadow: 0 6px 14px rgba(0,0,0,.25);
}

/* MarkerCluster */
.uowm-cluster-wrap{
  background: transparent !important;
  border: 0 !important;
}

.uowm-cluster{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(199,32,57,.92);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(0,0,0,.22);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.uowm-cluster span{
  font-size: 14px;
  line-height: 1;
}

/* phone cell + google nav button in directory */
.uowm-phonecell{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.uowm-dir-nav{
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  text-decoration: none !important;
  background: #424242;
  color: #fff !important;
  transition: .18s ease;
}

.uowm-dir-nav:hover{
  background: #2f2f2f;
  transform: translateY(-1px);
}

.uowm-dir-nav i{
  font-size: 18px;
  line-height: 1;
}

.uowm-go-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.uowm-gmaps i{
  font-size: 18px;
  line-height: 1;
}

/* responsive */
@media (max-width: 767px){
  .uowm-leaflet-map{
    border-radius: 14px;
  }

  .swal2-popup.uowm-swal{
    width: min(96vw, 96vw) !important;
    height: min(84vh, 84vh) !important;
    padding: 14px 14px 12px !important;
    border-radius: 18px;
  }

  .swal2-popup.uowm-swal .swal2-title{
    font-size: clamp(24px, 7vw, 38px) !important;
  }

  .uowm-dir-table thead th,
  .uowm-dir-table tbody td{
    padding: 12px 10px;
    font-size: 13px;
  }

  .uowm-go.uowm-go-gmaps{
    min-width: 112px;
    padding: 0 14px;
  }
}