/*
 * Store page (prototype) styles — pairs with single-store.php.
 * Loaded only when the gm_store_id query var is set, see
 * functions-enqueue-snippet.php. Buttons/service-cards/location-cards
 * come from shared.css.
 */

.gm-store__breadcrumb {
	max-width: 1200px;
	margin: 16px auto 0;
	padding: 0 24px;
	font-size: 0.85rem;
	color: var(--gm-gray-md, #6b6b6b);
}
.gm-store__breadcrumb a {
	color: inherit;
	text-decoration: none;
}
.gm-store__breadcrumb a:hover {
	color: var(--gm-red);
}

.gm-store-hero {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: var(--gm-gap);
	align-items: start;
}
.gm-store-hero__addr {
	color: var(--gm-gray-md);
	margin-bottom: 8px;
}
.gm-store-hero__phone {
	display: inline-block;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--gm-red);
	text-decoration: none;
	margin-bottom: 16px;
}
.gm-store-hero__hours-todo {
	color: var(--gm-gray-md);
	font-size: 0.9rem;
	border-left: 3px solid #e2b93b;
	padding-left: 12px;
	margin-bottom: 24px;
}
.gm-store-hero__ctas {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
.gm-store-hero__social {
	display: flex;
	gap: 16px;
}
.gm-store-hero__social a {
	color: var(--gm-gray-dk);
	font-size: 0.85rem;
	text-decoration: none;
}
.gm-store-hero__social a:hover {
	color: var(--gm-red);
}
.gm-store-hero__map {
	background: var(--gm-gray-lt);
	border-radius: var(--gm-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
}
.gm-store-hero__map a {
	color: var(--gm-red);
	font-weight: 600;
	text-decoration: none;
}

.gm-store-coupons-todo,
.gm-store-amenities-todo {
	background: #fbf3d9;
	border-radius: var(--gm-radius);
	text-align: center;
}
.gm-store-coupons-todo em,
.gm-store-amenities-todo em {
	color: #7a6420;
}

.gm-store-nearby__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gm-gap);
}

@media (max-width: 768px) {
	.gm-store-hero {
		grid-template-columns: 1fr;
	}
	.gm-store-nearby__grid {
		grid-template-columns: 1fr;
	}
}