body {
	margin: 0;
	font-family: Arial, sans-serif;
}
.dm_location_details { 
	font-size:16px;
	line-height: 1.3em !important;
}
.dm_location_details strong {
	font-weight:700;
}
.gm-style-iw button[title="Close"] {
	display: none !important;
}
.doctor_map_container {
	max-width:1200px;
	width:100%;
	margin:0 auto;
  border-radius:20px;
  box-shadow:0 0 20px 2px rgba(0,0,0,0.15);
}
#dm_sidebar strong {
	font-weight:700;
}

.dm_location {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	line-height: 1.4em !important;
}
.dm_location:last-child {
	border-bottom: none;
}





.dm_layout {
  display: grid;
  grid-template-areas:
    "controlsBar controlsBar"
    "sidebar map";
  grid-template-columns: 300px 1fr;
  grid-template-rows: auto 1fr;
  max-height:700px;
}

#dm_controlsBar {
  grid-area: controlsBar;
  background-color: #f1f1f1;
  padding:14px 20px 11px 20px;
	border-bottom:1px solid #ddd;
  display:flex;
  gap: 15px;
  border-radius:20px 20px 0 0;
}
#dm_controlsBar select,
#dm_controlsBar input {
  max-width: 250px;
}

#dm_sidebar {
  grid-area: sidebar;
  background-color: #f8f8f8;
  overflow-y: auto;
	font-size:16px;
	padding:20px;
  border-radius:0 0 0 20px;
}

#dm_map {
  grid-area: map;
  background-color: #bbb;
  overflow: hidden;
  min-height:550px;
  border-radius:0 0 20px 0;
}


/* Mobile layout - stacked order: map, controlsBar, sidebar */
@media (max-width: 768px) {
  .dm_layout {
    grid-template-areas:
      "map"
      "controlsBar"
      "sidebar";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
		max-height: none;
  }

  #dm_controlsBar {
    display:block;
    padding:14px 12px 11px 12px;
  }

  #dm_controlsBar select,
  #dm_controlsBar input {
    margin-bottom:7px;
    width:100%;
    max-width:auto !important;
  }

  #dm_controlsBar input {
    float:left;
    width:48%;
  }
  #dm_controlsBar select {
    float:right;
    height:50px;
    width:48%;
  }
  #dm_controlsBar button {
    width:100%;
  }

  #dm_sidebar,
  #dm_controlsBar,
  #dm_map {
    width: 100%;
    border-radius:0 0 0 0;
  }

	#dm_sidebar {
		height:100%;
		/* max-height:400px; */
	}

  #dm_map {
    height: 300px; /* Adjust if you want fixed height on mobile */
  }
}