/* DevCraft pickup points – checkout UI and widget modal. */

.dc-pickup {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin: 8px 0 4px;
	padding: 10px 12px;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 6px;
	background: rgba(0, 0, 0, .02);
	font-size: .92em;
	line-height: 1.4;
}
.dc-pickup.is-loading { opacity: .6; pointer-events: none; }
.dc-pickup__selected { flex: 1 1 220px; min-width: 0; }
.dc-pickup__label { display: block; font-size: .85em; opacity: .75; }
.dc-pickup__name { display: block; }
.dc-pickup__address { display: block; opacity: .85; }
.dc-pickup__button { white-space: nowrap; }
.dc-pickup__note { flex-basis: 100%; margin: 0; color: #b32d2e; }
.dc-pickup__error { flex-basis: 100%; }
.dc-pickup--blocks { margin: 12px 0 0; }

/* Classic checkout: the box sits inside the shipping method list item. */
#shipping_method .dc-pickup { margin-left: 0; }

/* Iframe modal used by carriers whose widget is a page */
html.dc-pickup-open { overflow: hidden; }
.dc-pickup-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, .55);
}
.dc-pickup-modal__box {
	position: relative;
	width: min(1100px, 100%);
	height: min(760px, 100%);
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .35);
}
.dc-pickup-modal__frame { width: 100%; height: 100%; border: 0; display: block; }
.dc-pickup-modal__close {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #1d2327;
	font-size: 24px;
	line-height: 36px;
	cursor: pointer;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
@media (max-width: 600px) {
	.dc-pickup-modal { padding: 0; }
	.dc-pickup-modal__box { width: 100%; height: 100%; border-radius: 0; }
}

/* Order details / e-mails */
.dc-pickup-info { margin: 0 0 1.5em; }
.dc-pickup-info address { font-style: normal; }