/* ==========================================================================
   Expedited Shipping Toggle - Checkout
   ========================================================================== */

/* Parent container */
.woocommerce-additional-fields__wrapper:has(#show-expedited-shipping) {
	position: relative;
	background: #F5F5F5;
	padding: 1em;
	border-radius: 5px;
	border: 2px solid transparent;
	transition: border-color 0.3s ease;
}

.woocommerce-additional-fields__wrapper.expedited-active:has(#show-expedited-shipping) {
	border-color: #ff7800;
}

.woocommerce-additional-fields__wrapper.expedited-active:has(#show-expedited-shipping)::after {
	content: '';
	position: absolute;
	top: -.6rem;
	left: -.6rem;
	width: 1.2rem;
	height: 1.2rem;
	background: #fff;
	border-radius: 50px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ff7800' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
}

/* Toggle header layout */
#show-expedited-shipping {
	width: 100%;
	box-sizing: border-box;
}

#show-expedited-shipping > span {
	flex: 1;
}

#show-expedited-shipping::before,
#show-expedited-shipping::after {
	display: none;
}

/* Toggle slider - self-contained so it works outside Flux checkout */
.toggle__ie11.mfp-slider {
	background-color: hsla(0, 1%, 77%, .55);
}

.mfp-toggle-switch .mfp-slider::before {
	position: absolute;
	content: '';
	height: 18px;
	width: 18px;
	left: 2px;
	bottom: 2px;
	background-color: #fff;
	transition: .4s;
	border-radius: 50%;
}

.mfp-toggle-switch input:checked + .mfp-slider {
	background-color: rgba(158,158,158,0.5) !important;
}

.mfp-toggle-switch input:checked + .mfp-slider::before {
	transform: translateX(16px);
	background-color: #9E9E9E;
}

/* Info reveal area */
.mfp-expedited-shipping-info {
	overflow: hidden;
	transition: height 0.3s ease;
}

/* Mobile alignment */
@media (max-width: 768px) {
	#show-expedited-shipping {
		flex-direction: row;
		gap: 10px;
	}
}