/**

 * Narożnik L — wybór układu lewostronny / prawostronny (jeden poziom, pod kreatorem).

 */



body.hoker-bench-corner-layout-hand-active #hoker-seat-configurator {
	display: flex !important;
	flex-direction: column !important;
}

body.hoker-bench-corner-layout-hand-active #hoker-seat-configurator > .hoker-bench-corner-layout-row,
body.hoker-bench-corner-layout-hand-active #hoker-seat-configurator > .hoker-bench-module-row,
body.hoker-bench-corner-layout-hand-active #hoker-seat-configurator #hoker-seat-choice-summary {
	order: unset !important;
}

/* Mobile/tablet #500 — jak #12072: POKOLORUJ → układ narożnika → tabela modułów w konfiguratorze. */
@media (max-width: 1024px) {
	body.hoker-bench-corner-mobile-stack-active.hoker-bench-corner-layout-hand-active #hoker-seat-configurator #hoker-seat-choice-summary {
		order: 1 !important;
	}

	body.hoker-bench-corner-mobile-stack-active.hoker-bench-corner-layout-hand-active #hoker-seat-configurator > .hoker-bench-corner-layout-row {
		order: 2 !important;
		margin-top: 0;
	}

	body.hoker-bench-corner-mobile-stack-active.hoker-bench-corner-layout-hand-active #hoker-seat-configurator > .hoker-bench-module-row {
		order: 3 !important;
		margin-top: 0;
	}
}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-row {

	display: block;

	box-sizing: border-box;

	width: 100%;

	max-width: 100%;

	margin: 0 0 10px;

	clear: both;

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector {

	box-sizing: border-box;

	width: 100%;

	max-width: 100%;

	margin: 0 0 10px;

	padding: 12px 12px 10px;

	border: 1px solid rgba(139, 0, 0, 0.18);

	border-radius: 12px;

	background: #fff;

	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector.is-layout-validation-hint {

	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector__title {

	margin: 0 0 6px;

	padding: 0;

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector__lead {

	margin: 0 0 8px;

	padding: 0;

	color: #666;

	font-size: 12px;

	font-weight: 600;

	line-height: 1.35;

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector__strip {

	display: flex;

	flex-direction: row;

	flex-wrap: nowrap;

	gap: 10px;

	align-items: stretch;

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector__unit {

	display: flex;

	flex: 1 1 0;

	flex-direction: row;

	align-items: center;

	gap: 8px;

	min-width: 0;

	margin: 0;

	padding: 0;

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector__unit-body {

	flex: 1 1 auto;

	min-width: 0;

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-icon.hoker-bench-module-icon {

	flex: 0 0 auto;

	width: 52px;

	height: 52px;

	margin: 0;

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-choice {

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	justify-content: center;

	box-sizing: border-box;

	width: 100%;

	min-height: 52px;

	margin: 0;

	padding: 8px 12px;

	border: 1px solid #ded2ca;

	border-radius: 10px;

	background: #fffaf4;

	color: #3b2f2a;

	text-align: left;

	cursor: pointer;

	appearance: none;

	-webkit-appearance: none;

	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-choice__label {

	font-size: 14px;

	font-weight: 700;

	line-height: 1.25;

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-choice__hint {

	display: none !important;

}



/* Wybrany układ — ta sama delikatna burgundowa ramka co po najechaniu. */

.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector__unit.is-selected .hoker-bench-corner-layout-choice,

.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-choice.is-active {

	border: 1px solid #8d1c2f;

	background: #fff;

	box-shadow: 0 0 0 1px rgba(141, 28, 47, 0.18);

	animation: none;

}



/* Podpowiedź sekwencyjna (lewy → prawy) — identyczna ramka + mruganie. */

@keyframes hoker-corner-layout-choice-hint-blink {

	0%,

	100% {

		border-color: #8d1c2f;

		box-shadow: 0 0 0 1px rgba(141, 28, 47, 0.28);

	}

	50% {

		border-color: rgba(141, 28, 47, 0.42);

		box-shadow: none;

	}

}



.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-choice.hoker-corner-layout-choice-hint {

	border: 1px solid #8d1c2f !important;

	background: #fff !important;

	animation: hoker-corner-layout-choice-hint-blink 0.55s ease-in-out infinite;

}



body.hoker-bench-corner-layout-hand-active #hoker-seat-summary-corner-layout-hand {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-width: 190px;

	min-height: 34px;

	padding: 7px 18px;

	border: 2px solid rgba(141, 28, 47, 0.28);

	border-radius: 999px;

	background: #fff;

	color: #8d1c2f;

	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75);

	cursor: pointer;

	text-align: center;

}



body.hoker-bench-corner-layout-hand-active #hoker-seat-summary-corner-layout-hand.is-selected {

	justify-content: center;

	border-color: #97002f;

	background: #97002f;

	color: #fff;

	box-shadow: 0 8px 18px rgba(151, 0, 47, 0.18);

}



body.hoker-bench-corner-layout-hand-active #hoker-seat-summary-corner-layout-hand.is-selected .hoker-summary-pill__value {

	color: #fff;

	font-weight: 700;

	text-align: center;

	width: 100%;

}



body.hoker-bench-corner-layout-hand-active #hoker-seat-summary-corner-layout-hand .hoker-summary-pill__action {

	display: none !important;

}



body.hoker-bench-corner-layout-hand-active #hoker-seat-choice-summary dl .hoker-seat-summary-corner-layout-hand-row {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 12px;

	flex-wrap: nowrap;

}



body.hoker-bench-corner-layout-hand-active .hoker-seat-summary-corner-layout-hand-row dd {

	flex: 0 0 auto;

}



body.hoker-bench-corner-layout-hand-active .hoker-seat-summary-corner-layout-hand-row dt {

	cursor: pointer;

}



body.hoker-bench-corner-layout-hand-active .hoker-seat-summary-corner-depth-row {

	display: none !important;

}



@media (prefers-reduced-motion: reduce) {

	.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-choice.hoker-corner-layout-choice-hint {

		animation: none;

		border-color: #8d1c2f !important;

		box-shadow: 0 0 0 1px rgba(141, 28, 47, 0.18) !important;

	}

}



@media (max-width: 520px) {

	.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector__strip {

		flex-direction: column;

	}



	.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-selector__unit {

		flex: 1 1 auto;

	}

}



@media (hover: hover) and (pointer: fine) {

	.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-icon:hover {

		border-color: #8d1c2f;

		box-shadow: 0 0 0 1px rgba(141, 28, 47, 0.18);

	}



	.single-product.hoker-bench-corner-layout-hand-active .hoker-bench-corner-layout-choice:hover:not(.hoker-corner-layout-choice-hint) {

		border-color: #8d1c2f;

		background: #fff;

		box-shadow: 0 0 0 1px rgba(141, 28, 47, 0.18);

	}

}