/**
 * Retailer buttons — match onewithnature.com/store-locator (desktop bar + mobile stack).
 */

/* Sit directly under map + store list, above page footer */
.own-sl-locator-after {
	clear: both;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.own-sl-retailers {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	clear: both;
	background: linear-gradient(180deg, #6eb356 0%, #3d8f52 35%, #1a7a6e 70%, #0b6d7c 100%);
	box-sizing: border-box;
}

.own-sl-retailer {
	flex: 1 1 0;
	min-width: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.85);
	box-sizing: border-box;
	transition: background 0.2s ease;
}

.own-sl-retailer:last-child {
	border-right: none;
}

.own-sl-retailer-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	padding: 14px 10px;
	font-family: inherit;
	font-size: 11px;
	line-height: 1.35;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	background: transparent;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	transition: color 0.2s ease, background 0.2s ease;
}

.own-sl-retailer-btn:hover,
.own-sl-retailer-btn:focus {
	background: transparent;
	color: #a2db27;
	text-decoration: none;
	outline: none;
}

.own-sl-retailer:hover,
.own-sl-retailer:focus-within {
	background: transparent;
}

.own-sl-error {
	color: #b32d2e;
	padding: 1em;
	border: 1px solid #b32d2e;
	background: #fcf0f1;
}

/* —— Mobile: full-width stacked buttons (reference screenshot) —— */
@media only screen and (max-width: 768px) {
	.own-sl-retailers {
		flex-direction: column;
		flex-wrap: wrap;
		background: transparent;
		gap: 0;
	}

	.own-sl-retailer {
		flex: 1 1 auto;
		width: 100%;
		border-right: none;
		border-bottom: none;
		margin-bottom: 0;
	}

	.own-sl-retailer-btn {
		min-height: 48px;
		padding: 14px 16px;
		font-size: 12px;
		background: linear-gradient(90deg, #0b6d7c 0%, #3d8f52 50%, #6eb356 100%);
		color: #ffffff;
	}

	.own-sl-retailer-btn:hover,
	.own-sl-retailer-btn:focus {
		background: transparent;
		color: #a2db27;
	}

	.own-sl-retailer:hover,
	.own-sl-retailer:focus-within {
		background: transparent;
	}
}

@media only screen and (max-width: 480px) {
	.own-sl-retailer-btn {
		font-size: 11px;
		min-height: 44px;
		padding: 12px 14px;
	}
}

/* Elementor/Avada fusion buttons on store-locator page (if used instead of .own-sl-retailers) */
body.page-slug-store-locator .elementor-widget-wrap:has(.fusion-button-wrapper),
body.page-id-445 .elementor-widget-wrap:has(.fusion-button-wrapper) {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	background: linear-gradient(180deg, #6eb356 0%, #3d8f52 35%, #1a7a6e 70%, #0b6d7c 100%);
}

body.page-slug-store-locator .fusion-button-wrapper,
body.page-id-445 .fusion-button-wrapper {
	flex: 1 1 0;
	margin: 0 !important;
	padding: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.85);
}

body.page-slug-store-locator .fusion-button-wrapper:last-child,
body.page-id-445 .fusion-button-wrapper:last-child {
	border-right: none;
}

body.page-slug-store-locator .fusion-button-wrapper .fusion-button,
body.page-id-445 .fusion-button-wrapper .fusion-button {
	width: 100%;
	min-height: 52px;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.page-slug-store-locator .fusion-button-wrapper .fusion-button-text,
body.page-id-445 .fusion-button-wrapper .fusion-button-text {
	color: #fff !important;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
}

body.page-slug-store-locator .fusion-button-wrapper .fusion-button:hover .fusion-button-text,
body.page-slug-store-locator .fusion-button-wrapper .fusion-button:focus .fusion-button-text,
body.page-id-445 .fusion-button-wrapper .fusion-button:hover .fusion-button-text,
body.page-id-445 .fusion-button-wrapper .fusion-button:focus .fusion-button-text {
	color: #a2db27 !important;
}

body.page-slug-store-locator .fusion-button-wrapper .fusion-button:hover,
body.page-slug-store-locator .fusion-button-wrapper .fusion-button:focus,
body.page-id-445 .fusion-button-wrapper .fusion-button:hover,
body.page-id-445 .fusion-button-wrapper .fusion-button:focus {
	background: transparent !important;
}

@media only screen and (max-width: 768px) {
	body.page-slug-store-locator .elementor-widget-wrap:has(.fusion-button-wrapper),
	body.page-id-445 .elementor-widget-wrap:has(.fusion-button-wrapper) {
		flex-direction: column;
		background: transparent;
	}

	body.page-slug-store-locator .fusion-button-wrapper,
	body.page-id-445 .fusion-button-wrapper {
		width: 100%;
		border-right: none;
		margin-bottom: 0 !important;
	}

	body.page-slug-store-locator .fusion-button-wrapper .fusion-button,
	body.page-id-445 .fusion-button-wrapper .fusion-button {
		background: linear-gradient(90deg, #0b6d7c 0%, #3d8f52 50%, #6eb356 100%) !important;
	}

	body.page-slug-store-locator .fusion-button-wrapper .fusion-button:hover,
	body.page-id-445 .fusion-button-wrapper .fusion-button:hover {
		background: transparent !important;
	}
}