/**
 * WB Ad Manager Pro - Geolocation Styles
 *
 * @package WB_Ad_Manager_Pro
 * @since   1.5.0
 */

.wbam-geolocation-fields {
	margin-top: 20px;
}

.wbam-geolocation-fields h4 {
	margin: 0 0 10px;
}

.wbam-geo-map {
	width: 100%;
	border: 1px solid var(--wbam-border-subtle);
	border-radius: 4px;
	margin: 10px 0;
	min-height: 250px;
}

.wbam-geo-map-readonly {
	cursor: default;
}

#wbam-geo-locate-btn {
	margin-top: 5px;
}

#wbam-geo-locate-btn .dashicons {
	font-size: var(--wbam-font-size-md);
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}

/* Browse page map view */
.wbam-browse-map-view {
	position: relative;
}

.wbam-browse-map-view .wbam-geo-map {
	height: 500px;
}

/* Radius filter */
.wbam-geo-radius-filter {
	margin: 10px 0;
}

.wbam-geo-radius-filter label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}

.wbam-geo-radius-filter input[type="range"] {
	width: 100%;
}

.wbam-geo-radius-value {
	font-size: var(--wbam-font-size-sm);
	color: #666;
}

/* Single page location */
.wbam-classified-location {
	margin: 20px 0;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 4px;
}

.wbam-classified-location h4 {
	margin: 0 0 10px;
}

.wbam-location-address {
	margin: 0 0 10px;
	color: #555;
}

.wbam-location-address .dashicons {
	font-size: var(--wbam-font-size-md);
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	color: #e74c3c;
}

/* Map view toggle on browse page */
.wbam-view-toggle {
	display: inline-flex;
	gap: 5px;
	margin-bottom: 15px;
}

.wbam-view-toggle .wbam-btn {
	padding: 6px 12px;
}

.wbam-view-toggle .wbam-btn.active {
	background: var(--wbam-primary, #2271b1);
	color: var(--wbam-bg);
}