.lil-ai-disclosure {
	display: flex;
	align-items: flex-start;
	gap: .65rem;
	box-sizing: border-box;
	width: 100%;
	margin: 1rem 0 1.25rem;
	padding: .85rem 1rem;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 8px;
	background: rgba(0, 0, 0, .025);
	font-size: .9rem;
	line-height: 1.45;
}

.lil-ai-disclosure__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 1.3rem;
	width: 1.3rem;
	height: 1.3rem;
	margin-top: .05rem;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-size: .78rem;
	font-weight: 700;
}

.lil-ai-disclosure__text { flex: 1 1 auto; }
.lil-ai-disclosure__text > :first-child { margin-top: 0; }
.lil-ai-disclosure__text > :last-child { margin-bottom: 0; }

.lil-ai-disclosure-enabled .woocommerce-product-gallery__image,
.lil-ai-disclosure-enabled .woocommerce-product-gallery__wrapper > div {
	position: relative;
}

.lil-ai-image-badge {
	position: absolute;
	z-index: 30;
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	max-width: calc(100% - (2 * var(--lil-ai-badge-offset-x, 10px)));
	padding: var(--lil-ai-badge-padding-y, 5px) var(--lil-ai-badge-padding-x, 9px);
	border: var(--lil-ai-badge-border-width, 1px) solid var(--lil-ai-badge-border, #d9d9d9);
	border-radius: var(--lil-ai-badge-radius, 30px);
	background: var(--lil-ai-badge-bg, rgba(255,255,255,.94));
	box-shadow: var(--lil-ai-badge-shadow, 0 2px 8px rgba(0,0,0,.2));
	font-size: var(--lil-ai-badge-font-size, 12px);
	font-weight: var(--lil-ai-badge-font-weight, 600);
	line-height: 1.2;
	color: var(--lil-ai-badge-text, #222);
	cursor: help;
	transition: filter .15s ease, transform .15s ease;
	-webkit-tap-highlight-color: transparent;
}

.lil-ai-image-badge:hover { filter: brightness(.96); }
.lil-ai-image-badge:focus { outline: 2px solid currentColor; outline-offset: 2px; }
.lil-ai-image-badge__label { display: block; white-space: nowrap; }

.lil-ai-badge-position-top-left .lil-ai-image-badge { top: var(--lil-ai-badge-offset-y, 10px); left: var(--lil-ai-badge-offset-x, 10px); }
.lil-ai-badge-position-top-right .lil-ai-image-badge { top: var(--lil-ai-badge-offset-y, 10px); right: var(--lil-ai-badge-offset-x, 10px); }
.lil-ai-badge-position-bottom-left .lil-ai-image-badge { bottom: var(--lil-ai-badge-offset-y, 10px); left: var(--lil-ai-badge-offset-x, 10px); }
.lil-ai-badge-position-bottom-right .lil-ai-image-badge { bottom: var(--lil-ai-badge-offset-y, 10px); right: var(--lil-ai-badge-offset-x, 10px); }

.lil-ai-image-badge__tooltip {
	position: absolute;
	z-index: 100;
	box-sizing: border-box;
	width: var(--lil-ai-tooltip-width, 300px);
	max-width: min(var(--lil-ai-tooltip-width, 300px), calc(100vw - 2rem));
	padding: var(--lil-ai-tooltip-padding, 12px);
	border: var(--lil-ai-tooltip-border-width, 0) solid var(--lil-ai-tooltip-border, #191919);
	border-radius: var(--lil-ai-tooltip-radius, 8px);
	background: var(--lil-ai-tooltip-bg, rgba(25,25,25,.96));
	box-shadow: var(--lil-ai-tooltip-shadow, 0 6px 20px rgba(0,0,0,.25));
	font-size: var(--lil-ai-tooltip-font-size, 13px);
	font-weight: 400;
	line-height: 1.45;
	white-space: normal;
	text-align: left;
	color: var(--lil-ai-tooltip-text, #fff);
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
	pointer-events: none;
}

.lil-ai-badge-position-top-left .lil-ai-image-badge__tooltip,
.lil-ai-badge-position-bottom-left .lil-ai-image-badge__tooltip { left: 0; }
.lil-ai-badge-position-top-right .lil-ai-image-badge__tooltip,
.lil-ai-badge-position-bottom-right .lil-ai-image-badge__tooltip { right: 0; }

.lil-ai-tooltip-position-above .lil-ai-image-badge__tooltip { bottom: calc(100% + 9px); }
.lil-ai-tooltip-position-below .lil-ai-image-badge__tooltip { top: calc(100% + 9px); transform: translateY(-4px); }

.lil-ai-image-badge__tooltip::after {
	content: "";
	position: absolute;
	border: 6px solid transparent;
}

.lil-ai-tooltip-position-above .lil-ai-image-badge__tooltip::after { top: 100%; border-top-color: var(--lil-ai-tooltip-bg, rgba(25,25,25,.96)); }
.lil-ai-tooltip-position-below .lil-ai-image-badge__tooltip::after { bottom: 100%; border-bottom-color: var(--lil-ai-tooltip-bg, rgba(25,25,25,.96)); }
.lil-ai-badge-position-top-left .lil-ai-image-badge__tooltip::after,
.lil-ai-badge-position-bottom-left .lil-ai-image-badge__tooltip::after { left: 14px; }
.lil-ai-badge-position-top-right .lil-ai-image-badge__tooltip::after,
.lil-ai-badge-position-bottom-right .lil-ai-image-badge__tooltip::after { right: 14px; }

.lil-ai-image-badge:hover .lil-ai-image-badge__tooltip,
.lil-ai-image-badge:focus .lil-ai-image-badge__tooltip,
.lil-ai-image-badge:focus-within .lil-ai-image-badge__tooltip,
.lil-ai-image-badge.is-tooltip-open .lil-ai-image-badge__tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.single-product .woocommerce-product-gallery > .lil-ai-disclosure {
	float: none;
	clear: both;
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

@media (max-width: 480px) {
	.lil-ai-image-badge { font-size: var(--lil-ai-badge-mobile-font-size, 11px); }
	.lil-ai-image-badge__tooltip { max-width: calc(100vw - 2rem); }
}

@media (prefers-reduced-motion: reduce) {
	.lil-ai-image-badge,
	.lil-ai-image-badge__tooltip { transition: none; }
}
