/* Humade Locations Map Styles - Layout Only (No Colors/Fonts) */

/* Container */
.humade-locations-container {
	width: 100%;
	max-width: 100%;
}

/* Map Wrapper - 2:1 aspect ratio on desktop */
.humade-map-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 50%; /* 2:1 aspect ratio */
}

#humade-map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Country Selector - Top Right Corner */
.humade-country-selector {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1000;
}

#humade-country-select {
	padding: 8px 12px;
	border: 1px solid;
	border-radius: 4px;
	min-width: 200px;
}

/* Locations List - 3 Columns */
.humade-locations-list {
	display: grid;
	grid-template-columns: 2fr 2fr 2fr;
	gap: 20px;
	margin-top: 20px;
}

.humade-location-column {
	width: 100%;
}

/* Column 1 - Country Title */
.humade-column-1 h2 {
    margin: 0 0 10px 0;
}
.humade-city-section {
		margin-bottom: 15px;
	}

/* Country Selector in Left Column */
.humade-country-selector-left {
    margin-bottom: 20px;
}

#humade-country-select-left {
    padding: 8px 12px;
    border: 1px solid;
    border-radius: 4px;
    width: 100%;
    max-width: 300px;
/* City Sections */
.humade-city-section {
	margin-bottom: 20px;
}

.humade-city-section h3 {
	margin: 0 0 10px 0;
}

/* Location Items */
.humade-locations-items {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.humade-location-item {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.humade-location-name {
	font-weight: bold;
}

.humade-location-address,
.humade-location-address-city {
	line-height: 1.4;
}

/* Marker Popup */
.humade-marker-popup {
	min-width: 200px;
}

.humade-marker-popup strong {
	display: block;
	margin-bottom: 5px;
}

.humade-marker-popup a {
	display: inline-block;
	margin-top: 5px;
}

/* Address Links */
.address-link {
	text-decoration: none !important;
}

/* Mobile Styles - 1:1 aspect ratio */
@media (max-width: 768px) {
	/* Map becomes 1:1 on mobile */
	.humade-map-wrapper {
		padding-bottom: 100%; /* 1:1 aspect ratio */
	}

	/* Country selector adjustments for mobile */
	.humade-country-selector {
		right: 50%;
		transform: translateX(50%);
		width: calc(100% - 20px);
		max-width: 300px;
	}

	#humade-country-select {
		width: 100%;
	}

	/* Stack columns on mobile */
	.humade-locations-list {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	/* Adjust spacing on mobile */
	.humade-city-section {
		margin-bottom: 15px;
	}
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
	.humade-locations-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}