/* Lokalizacja LOC-5 "Duze karty" (presety, E7) - plik ladowany tylko przy stylu lokalizacji 5 (CurdeWidgetLook::style_files).
   Markup: woocommerce/single-product/add-to-cart/look/ls-5.php (= ls-3.php: button.vw-lr role=radio > .vw-flag + .vw-lr__nm +
   .vw-lr__s + .vw-lr__ci) w rzedzie .vw-hs (look/row.css + look.js; strzalki desktop, przesuw o 1 karte = 228 px).
   Spec: .claude/skills/design-system/references/presety-spec.md (sekcja 0 i 1), plansza LOC-5 (proces-makiet/scripts/presety/loc/gen2.py,
   CSS5 .cx - wartosci 1:1). Uwaga: reguly wspolne z ls-3.css sa w obu plikach (look/*.css laduje sie tylko dla jednego stylu).
   - karta 220 (~118 px wys.), padding 14, flaga 40 (op. .8), nazwa 15/500 (mt 12), zdanie 13/18 w 1 linii, znacznik 20 w rogu 12/12;
   - rzad przewijany na telefonie i desktopie (strzalki), 2 kraje: karty rozciagniete, zdanie sie zawija;
   - wybrany: obwodka + inset --vw-ln, znacznik wypelniony --vw-ln z bialym znakiem check, tlo biale (L32); hover niewybranego #8A8E91; bez ruchu C2. */
form#product_widget.vw-p-ls5 .vw-lr-row {
	--vw-hs-w: 220px;
}
form#product_widget.vw-p-ls5 .vw-lr {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 14px;
	border: 1px solid var(--vw-border);
	border-radius: var(--r-tile);
	background: #FFFFFF;
	box-shadow: 0 1px 1px rgba(48, 52, 53, .04), 0 3px 6px rgba(48, 52, 53, .03);
	color: var(--vw-ink);
	text-align: left;
	transition: border-color .18s cubic-bezier(.2, 0, 0, 1), box-shadow .18s cubic-bezier(.2, 0, 0, 1);
}
form#product_widget.vw-p-ls5 .vw-lr .vw-flag,
form#product_widget.vw-p-ls5 .vw-lr .vw-flag__i {
	width: 40px;
	height: 40px;
}
form#product_widget.vw-p-ls5 .vw-lr .vw-flag {
	opacity: .8;
}
form#product_widget.vw-p-ls5 .vw-lr.is-on .vw-flag {
	opacity: 1;
}
form#product_widget.vw-p-ls5 .vw-flag__e {
	font-size: 70px;
}
form#product_widget.vw-p-ls5 .vw-flag__e.is-globe {
	font-size: 42px;
}
form#product_widget.vw-p-ls5.vw-fl-emoji .vw-flag__e {
	font-size: 40px;
	line-height: 40px;
}
form#product_widget.vw-p-ls5 .vw-lr__nm {
	display: block;
	max-width: 100%;
	margin-top: 12px;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
form#product_widget.vw-p-ls5 .vw-lr__s {
	display: block;
	max-width: 100%;
	margin-top: 2px;
	font-size: 13px;
	line-height: 18px;
	color: var(--vw-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
form#product_widget.vw-p-ls5 .vw-lr__ci {
	position: absolute;
	top: 12px;
	right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 1.5px solid #8A8E91;
	border-radius: 50%;
	background: #FFFFFF;
}
form#product_widget.vw-p-ls5 .vw-lr__ci svg {
	display: block;
	width: 12px;
	height: 12px;
	visibility: hidden;
}
@media (hover: hover) {
	form#product_widget.vw-p-ls5 .vw-lr:not(.is-on):hover {
		border-color: #8A8E91;
	}
}
form#product_widget.vw-p-ls5 .vw-lr.is-on {
	border-color: var(--vw-ln);
	box-shadow: inset 0 0 0 1px var(--vw-ln), 0 1px 1px rgba(48, 52, 53, .04), 0 3px 6px rgba(48, 52, 53, .03);
}
form#product_widget.vw-p-ls5 .vw-lr.is-on .vw-lr__ci {
	border: 0;
	background: var(--vw-ln);
}
form#product_widget.vw-p-ls5 .vw-lr.is-on .vw-lr__ci svg {
	visibility: visible;
}
form#product_widget.vw-p-ls5 .vw-lr:focus {
	outline: none;
}
form#product_widget.vw-p-ls5 .vw-lr:focus-visible {
	border-color: var(--vw-ln);
	box-shadow: inset 0 0 0 1px var(--vw-ln), 0 0 0 4px var(--vw-ring);
}
/* 2 kraje: karty rozciagniete, bez przewijania, zdanie sie zawija */
form#product_widget.vw-p-ls5 .vw-lrs.is-n2 .vw-lr-row {
	--vw-hs-w: 0px;
}
form#product_widget.vw-p-ls5 .vw-lrs.is-n2 .vw-lr__s {
	white-space: normal;
	overflow-wrap: normal;
}
@media (prefers-reduced-motion: reduce) {
	form#product_widget.vw-p-ls5 .vw-lr {
		transition: none;
	}
}