/* LandLinkGo — ปุ่ม Map | Satellite | ถนน + แผง Street View */
.llg-map-type-ctrl{
  margin:12px 0 0 12px;
  display:flex;
  align-items:stretch;
  border-radius:4px;
  box-shadow:0 2px 8px rgba(0,0,0,.28);
  overflow:hidden;
  background:#fff;
  font-family:Roboto,Arial,sans-serif;
}
.llg-map-type-btn{
  border:none;
  border-right:1px solid #e0e0e0;
  background:#fff;
  color:#565656;
  font-size:14px;
  font-weight:500;
  line-height:1.2;
  min-height:44px;
  padding:12px 20px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .12s ease,color .12s ease;
}
.llg-map-type-btn:last-child{ border-right:none; }
.llg-map-type-btn:hover{ background:#f5f5f5; color:#222; }
.llg-map-type-btn.is-active{
  background:#fff;
  color:#000;
  font-weight:700;
}

.llg-map-split{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  min-height:0;
  z-index:0;
}
.llg-map-split > #map,
.llg-map-split > .llg-map-canvas{
  flex:1 1 auto;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
}
.map-card.llg-street-active .llg-map-split > #map,
.map-card.llg-street-active .llg-map-split > .llg-map-canvas{
  flex:1 1 52%;
  min-height:120px;
}
.llg-street-pane{
  display:none;
  flex:0 0 48%;
  min-height:140px;
  width:100%;
  background:#1a1a1a;
  border-top:2px solid rgba(255,255,255,.85);
  position:relative;
  z-index:1;
  overflow:hidden;
}
.llg-street-host{
  width:100%;
  height:100%;
}
.map-card.llg-street-active .llg-street-pane{ display:block; }
.llg-street-empty{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  text-align:center;
  font-size:12px;
  font-weight:700;
  color:#94a3b8;
  background:#0f172a;
}
.map-card.fullscreen .llg-map-split{
  height:100vh;
  min-height:100vh;
}
.map-card.fullscreen .llg-map-split > #map,
.map-card.fullscreen .llg-map-split > .llg-map-canvas{
  height:auto !important;
  min-height:0 !important;
  flex:1 1 100%;
}
.map-card.fullscreen.llg-street-active .llg-map-split > #map,
.map-card.fullscreen.llg-street-active .llg-map-split > .llg-map-canvas{
  flex:1 1 52%;
}