/*
 * Gift-thumbnail lightbox (Task 6, 20.09.2026). Only loaded when a badge
 * with a clickable thumbnail actually rendered (WCSPR_Gifts::maybe_print_
 * lightbox(), wp_footer) — never on a page with no gift badge.
 *
 * The thumbnail <button> itself must look exactly like the plain image it
 * replaced (assets/gift.css owns size/radius/border for
 * .wcspr-onsale__thumbs and its img — nothing here touches that, per the
 * founder's exact Task 2 spec: no shadow, no heavier border anywhere).
 */
.wcspr-onsale__thumb-btn {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	cursor: pointer;
	/* The plate around it already clips overflow visually; this keeps the
	 * button's own focus ring from being cropped. */
	border-radius: 3px;
}

.wcspr-onsale__thumb-btn img {
	display: block;
}

.wcspr-onsale__thumb-btn:focus-visible {
	outline: 2px solid var( --badge-background-color, var( --theme-palette-color-1, #8db93b ) );
	outline-offset: 2px;
}

/*
 * Our own PhotoSwipe dialog (#wcspr-gift-lightbox) reuses WooCommerce's
 * bundled photoswipe/photoswipe-default-skin styles for the chrome (bg,
 * buttons, counter). The default skin's own caption text is a bit small
 * and cramped for a name + link (13px, 10px padding, #CCC) — founder
 * review 20.09.2026 asked for ~15-16px, comfortable padding, and "Виж
 * повече" clearly reading as a link, not just lighter text.
 */
/*
 * max-width 720px (founder review 20.09.2026: the default skin's 420px
 * squeezed "Виж повече" onto two lines) — still bounded by the viewport on
 * a narrow screen via the calc(), so it never overflows there. The name
 * may wrap; the link itself must not split mid-word.
 */
#wcspr-gift-lightbox .pswp__caption__center {
	max-width: min( 720px, calc( 100% - 32px ) );
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	padding: 14px 18px;
	color: #f2f2f2;
}

#wcspr-gift-lightbox .pswp__caption__center a {
	display: inline-block;
	white-space: nowrap;
	color: #6ec1ff;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

#wcspr-gift-lightbox .pswp__caption__center a:hover,
#wcspr-gift-lightbox .pswp__caption__center a:focus-visible {
	color: #ffffff;
}