/**
 * ============================================================================
 * ADV GROUP - GOOGLE MAPS BLOCK (Frontend Styles)
 * File: inc/blocks/google-maps/style.css
 * ============================================================================
 *
 * Стилі для Google Maps блоку на frontend.
 * Підтримує Embed API та JavaScript API варіанти.
 *
 * @version 2.0.0
 * @since   1.0.0
 * @package ADV
 */

/* === Base styles === */
.adv-google-maps-block {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
}

.adv-google-maps-block:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* === Embed API (iframe) === */
.adv-google-maps-embed {
	position: relative;
}

.adv-google-maps-embed iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

/* === JavaScript API === */
.adv-google-maps-js {
	position: relative;
}

/* InfoWindow custom styles */
.adv-google-maps-js .gm-style-iw {
	max-width: 300px !important;
}

.adv-google-maps-js .gm-style-iw-d {
	overflow: auto !important;
}

/* === Responsive adjustments === */
@media (width <= 767px) {
	.adv-google-maps-block {
		border-radius: 4px;
	}

	.adv-google-maps-js .gm-style-iw {
		max-width: 260px !important;
	}
}

/* === Reduced motion preference === */
@media (prefers-reduced-motion: reduce) {
	.adv-google-maps-block {
		transition: none;
	}
}