.leaflet-container {
	height: 600px;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}
/* Was scoped to "#map" -- but the map container's real id is always
   "map-{widget_id}" (maps.php's $unique_id, hip-custom-map-new-clean.js's
   mapId fallback), never literally "map" on any site, so this rule never
   actually matched anywhere -- .location-card's image/heading/address had
   no flush-edge reset and overflowed the rounded popup box.
   Scoped two ways so this never touches a Classic popup: the wrapper class
   (hip-popup-layout-custom, added by maps.php only when the widget's own
   hip_map_popup_layout setting is "custom") plus the per-pin popup class
   (hip-popup-custom-template, added by hip-custom-map-new-clean.js only for
   pins that actually rendered from that template -- a "custom" widget can
   still have individual pins fall back to a plain Classic-style link when
   their linked Location has no popup content). Classic popups -- the
   default on all 200+ live sites today -- never get either class, so their
   original Leaflet margin (13px 24px 13px 20px) stays byte-for-byte what
   it's always been. */
.hip-custom-map.hip-popup-layout-custom .leaflet-popup.hip-popup-custom-template .leaflet-popup-content,
.hip-custom-map.hip-popup-layout-custom .leaflet-popup.hip-popup-custom-template .leaflet-popup-content p{
	margin: 0;
}
/* leaflet.css (vendor, unmodified) sets a base 1px padding on every popup's
   .leaflet-popup-content-wrapper -- fine for Leaflet's own default popup
   look, but on the Custom Popup Template it leaves a stray 1px gap around
   the card's own Padding/Background/Border style controls. Scoped the same
   two ways as the margin-reset rule above, so Classic popups -- the default
   on all 200+ live sites -- keep that 1px exactly as it's always been. */
.hip-custom-map.hip-popup-layout-custom .leaflet-popup.hip-popup-custom-template .leaflet-popup-content-wrapper{
	padding: 0;
}
.hip-map-info{
	display: none;
}


.leaflet-popup-tip-container {
	width: 27px;
	height: 27px;
	margin-left: -13px;
}
.leaflet-popup-tip {
	transform: unset;
	margin: 0;
	background: transparent !important;
	border-left: 13.5px solid transparent;
	border-top: 22px solid #000;
	border-right: 12.5px solid transparent;
	border-bottom: 12px solid transparent;
	padding: 0;
	box-shadow: unset;
}

/* updated by AR - 29.8.22 */
#map .leaflet-top,
#map .leaflet-bottom {
	z-index: 998;
}
/* Tile attribution kept visible (Nathan Hill, 8/28) but shrunk down.
   !important because 200+ sites each bring their own theme/page-builder
   CSS that can enqueue after this and win on specificity alone. */
.leaflet-control-attribution {
	font-size: 9px !important;
	line-height: 1.3 !important;
	padding: 0 4px !important;
}
.leaflet-control-attribution a {
	font-size: 9px !important;
	line-height: 1.3 !important;
}
.hip-hide-close-btn #map.leaflet-container  a.leaflet-popup-close-button {
	display: none;
}
/* Custom Popup Template CTA -- see maps.php's hip_map_popup_template
   default ({{cta_text}} inside .appointment-button). Was unstyled plain
   text before; these rules give it a real button look everywhere the
   default class name is used. --hip-appointment-btn-bg/-color are
   redeclarable on .location-card (or any ancestor) so a site can apply its
   own brand color without editing this file. */
.location-card .appointment-button {
	--hip-appointment-btn-bg: #1a5276;
	--hip-appointment-btn-color: #fff;
	display: inline-block;
	margin-top: 8px;
	padding: 8px 20px;
	background: var(--hip-appointment-btn-bg);
	color: var(--hip-appointment-btn-color);
	border-radius: 4px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: filter 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.location-card .appointment-button .btn-txt-cls {
	color: inherit;
}
/* {{phone_link}} (maps.php) is the first real <a> ever placed inside
   .location-info li -- without this it would show the browser's default
   blue/underlined link style instead of matching the existing Text Color /
   Icon Color style controls, which target the li itself, not an anchor. */
.location-card .location-info li a {
	color: inherit;
	text-decoration: none;
}
/* Browser/theme default <ul> spacing + bullet varies per site and isn't
   reachable from the Style tab (its padding/margin-bottom controls target
   the <li>, not the <ul> itself) -- reset it here so every site starts
   from the same clean base; per-item spacing stays fully controllable. */
.location-card .location-info {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Popup card has no default width/height for its image -- the Style tab's
   Height/Width controls only emit CSS once a site owner sets a value there
   (see maps.php's hip_map_popup_image_height/-width/-align), so an
   untouched widget has nothing stopping a large source image from
   rendering at native pixel size and overflowing the card. This is a
   fallback only: {{WRAPPER}}-scoped control CSS is more specific and
   still wins wherever a site has actually configured Height/Width. */
.location-card .location-image {
	max-width: 100%;
	height: auto;
}
.location-card .appointment-button:hover {
	filter: brightness(0.85);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	transform: translateY(-1px);
}