/* Ultimate Estimated Delivery Date for WooCommerce by BigLoop - front-end styles. Kept minimal so themes can restyle easily. */

.dleta-estimate {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35em;
	margin: 0.75em 0 1em;
	font-family: var(--dleta-font, inherit);
	font-size: var(--dleta-size, 0.95em);
	line-height: 1.4;
	color: var(--dleta-color, inherit);
}

.dleta-estimate__label {
	opacity: 0.8;
}

.dleta-estimate__date {
	font-weight: 600;
	color: var(--dleta-date-color, inherit);
}

/*
 * Built-in icons are SVG masks filled with the icon color, or the text color
 * when none is set. Size follows the text unless an icon size is set.
 */
.dleta-estimate__icon {
	display: inline-block;
	flex: 0 0 auto;
	width: var(--dleta-icon-size, 1.25em);
	height: var(--dleta-icon-size, 1.25em);
	margin-inline-end: 0.15em;
	vertical-align: middle;
}

span.dleta-estimate__icon {
	background-color: var(--dleta-icon-color, currentColor);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Custom image from the Media Library: keeps its own colors and aspect ratio. */
img.dleta-estimate__icon--image {
	width: auto;
	max-width: calc(var(--dleta-icon-size, 1.25em) * 1.6);
	height: var(--dleta-icon-size, 1.25em);
	object-fit: contain;
}

.dleta-icon--truck {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 6h12v10H2zM14 9h4l3 3.5V16h-7z%27/%3E%3Ccircle cx=%276%27 cy=%2717.5%27 r=%271.8%27/%3E%3Ccircle cx=%2717%27 cy=%2717.5%27 r=%271.8%27/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 6h12v10H2zM14 9h4l3 3.5V16h-7z%27/%3E%3Ccircle cx=%276%27 cy=%2717.5%27 r=%271.8%27/%3E%3Ccircle cx=%2717%27 cy=%2717.5%27 r=%271.8%27/%3E%3C/svg%3E");
}

.dleta-icon--fast {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 7h10v9H6zM16 10h3l3 3v3h-6z%27/%3E%3Ccircle cx=%279%27 cy=%2717.5%27 r=%271.8%27/%3E%3Ccircle cx=%2718.5%27 cy=%2717.5%27 r=%271.8%27/%3E%3Cpath d=%27M1 9h3M2 12h2M1 15h3%27/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 7h10v9H6zM16 10h3l3 3v3h-6z%27/%3E%3Ccircle cx=%279%27 cy=%2717.5%27 r=%271.8%27/%3E%3Ccircle cx=%2718.5%27 cy=%2717.5%27 r=%271.8%27/%3E%3Cpath d=%27M1 9h3M2 12h2M1 15h3%27/%3E%3C/svg%3E");
}

.dleta-icon--box {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 7.5 12 3l9 4.5v9L12 21l-9-4.5z%27/%3E%3Cpath d=%27M3 7.5 12 12l9-4.5M12 12v9M7.5 5.25l9 4.5%27/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 7.5 12 3l9 4.5v9L12 21l-9-4.5z%27/%3E%3Cpath d=%27M3 7.5 12 12l9-4.5M12 12v9M7.5 5.25l9 4.5%27/%3E%3C/svg%3E");
}

.dleta-icon--calendar {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2716%27 rx=%272%27/%3E%3Cpath d=%27M3 10h18M8 3v4M16 3v4%27/%3E%3Cpath d=%27M8 14h2v2H8z%27/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2716%27 rx=%272%27/%3E%3Cpath d=%27M3 10h18M8 3v4M16 3v4%27/%3E%3Cpath d=%27M8 14h2v2H8z%27/%3E%3C/svg%3E");
}

.dleta-icon--clock {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 7v5l3 2%27/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 7v5l3 2%27/%3E%3C/svg%3E");
}

.dleta-icon--pin {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z%27/%3E%3Ccircle cx=%2712%27 cy=%279.5%27 r=%272.5%27/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z%27/%3E%3Ccircle cx=%2712%27 cy=%279.5%27 r=%272.5%27/%3E%3C/svg%3E");
}