/**
 * PDP secondary CTAs — own stylesheet loaded after Woodmart / mds-price-unit
 * so gap and mobile stacking are not zeroed by theme link resets.
 */

body.single-product .summary nav.mds-pdp-secondary-cta,
body.single-product nav.mds-pdp-secondary-cta {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	gap: 10px !important;
	row-gap: 10px !important;
	column-gap: 10px !important;
	margin: 16px 0 16px !important;
	padding: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta > .mds-pdp-secondary-cta__item,
body.single-product nav.mds-pdp-secondary-cta > .mds-pdp-secondary-cta__item {
	display: block !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 16px 14px !important;
	background: #4caf50 !important;
	background-image: none !important;
	color: #fff !important;
	text-align: center !important;
	border: 0 !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	position: relative !important;
	overflow: hidden !important;
	box-shadow: none !important;
	cursor: pointer !important;
	font-family: inherit !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--kits,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--kits {
	background: #e06132 !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__icon,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__icon {
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
	display: block !important;
	position: relative !important;
	z-index: 1 !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link span,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link span {
	min-width: 0;
	position: relative !important;
	z-index: 1 !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link::before,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: -100% !important;
	width: 100% !important;
	height: 100% !important;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 255, 255, 0.2),
		transparent
	) !important;
	transition: left 0.5s ease !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link:hover::before,
body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link:focus::before,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link:hover::before,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link:focus::before {
	left: 100% !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link:hover,
body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link:focus,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link:hover,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link:focus {
	color: #fff !important;
	transform: translateY(-2px) !important;
	filter: none !important;
	outline: none !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--partner:hover,
body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--partner:focus,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--partner:hover,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--partner:focus {
	background: #4caf50 !important;
	box-shadow: 0 6px 24px rgba(76, 175, 80, 0.35) !important;
}

body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--kits:hover,
body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--kits:focus,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--kits:hover,
body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link--kits:focus {
	background: #e06132 !important;
	box-shadow: 0 6px 24px rgba(224, 97, 50, 0.35) !important;
}

@media (max-width: 1024px) {
	body.single-product .summary nav.mds-pdp-secondary-cta,
	body.single-product nav.mds-pdp-secondary-cta {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
		row-gap: 0 !important;
	}

	/* Padding on wrappers — survives theme a { margin: 0 !important } resets. */
	body.single-product .summary nav.mds-pdp-secondary-cta > .mds-pdp-secondary-cta__item + .mds-pdp-secondary-cta__item,
	body.single-product nav.mds-pdp-secondary-cta > .mds-pdp-secondary-cta__item + .mds-pdp-secondary-cta__item {
		padding-top: 16px !important;
		margin-top: 0 !important;
	}

	body.single-product .summary nav.mds-pdp-secondary-cta > .mds-pdp-secondary-cta__item,
	body.single-product nav.mds-pdp-secondary-cta > .mds-pdp-secondary-cta__item {
		flex: 0 0 auto !important;
		width: 100% !important;
	}

	body.single-product .summary nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link,
	body.single-product nav.mds-pdp-secondary-cta .mds-pdp-secondary-cta__link {
		width: 100% !important;
		font-size: 14px !important;
		padding: 16px 14px !important;
		min-height: 52px !important;
	}
}