#pl-picker-modal {
	position: fixed;
	display: none;
	top: 10%;
	left: 10%;
	height: 80%;
	width: 80%;
	z-index: 1100;
	box-shadow: 0 0 10px 2px #e1e1e1;
	border: none !important;
}

#pl-picker-modal a {
	-webkit-box-shadow: unset;
	box-shadow: unset;
}

#pl-drop-off-iframe {
	display: inherit;
	width: 100%;
	height: 100%;
}

.pl-checkout-carrier-image {
	display: inline-block;
	height: 30px !important;
	vertical-align: middle;
	margin-right: 8px;
}

#pl-picker-modal svg {
	position: absolute;
	top: -40px;
	right: -40px;
	cursor: pointer;
	width: 40px;
	box-shadow: 0 0 10px 2px #e1e1e1;
	border: none !important;
	height: 40px;
	border-radius: 50%;
	background-color: white;
}

#packlink-drop-off-picker {
	margin-top: 1.5rem;
	margin-left: 1em;
	margin-bottom: 1rem;
	min-height: 2em;
	overflow: visible;
	white-space: normal;
	line-height: 1.4;
}

.lp-location-wrapper {
	text-indent: 0;
	text-align: left;
}

@media screen and (max-width: 800px) {
	#pl-picker-modal svg {
		top: -30px;
		right: -30px;
		width: 30px;
		height: 30px;
	}
}

/* Divi / Extra theme: style the drop-off button as a primary CTA in classic shortcode checkout.
   Uses Divi's accent color CSS variable so the button respects the user's theme
   customizer choice; falls back to Divi's default blue when the variable is unset.
   Extra ships its own body class (`et_extra`) and does not include `et_divi_theme`,
   so it must be matched explicitly. */
body.et_divi_theme #packlink-drop-off-picker,
body.et_extra #packlink-drop-off-picker {
	font-size: 13px;
	padding: 8px 16px;
	margin-top: 16px;
	margin-left: 0;
	margin-bottom: 8px;
	background-color: var(--et_accent_color, var(--accent-color, #2ea3f2));
	color: #ffffff;
	border: none;
	text-transform: uppercase;
	line-height: 1.4;
}

body.et_divi_theme #packlink-drop-off-picker:hover,
body.et_divi_theme #packlink-drop-off-picker:focus,
body.et_extra #packlink-drop-off-picker:hover,
body.et_extra #packlink-drop-off-picker:focus {
	background-color: var(--et_accent_color, var(--accent-color, #2ea3f2));
	color: #ffffff;
	filter: brightness(0.9);
}

/* Astra theme: fix drop-off button alignment in classic checkout order-review table.
   Astra right-aligns shipping-method content in the `<td>`, which displaces the button.
   Force block-level rendering and left-align so the button anchors under the carrier
   info regardless of the cell's text-align. Both responsive body classes are matched. */
body.ast-desktop .woocommerce-checkout-review-order-table .shipping #packlink-drop-off-picker,
body.ast-header-break-point .woocommerce-checkout-review-order-table .shipping #packlink-drop-off-picker {
	display: block;
	margin-top: 8px;
	margin-left: 0;
	text-align: left;
}

/* Astra Pro Two-Step Checkout: drop-off button is rendered in a `<div>` context
   instead of the order-review `<td>`. Force block-level rendering and reset the
   inherited margins so the button anchors flush-left under the carrier info. */
body.ast-woo-two-step-modern-checkout #packlink-drop-off-picker {
	display: block;
	margin-top: 8px;
	margin-left: 0;
}