/* =========================================================
   Elementor Size Swatches v2 – swatches.css
   Základní styly; Elementor selektory je přebíjejí.
   ========================================================= */

.ess-swatches-container {
	display: block;
}

.ess-swatches-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.ess-swatch-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	line-height: 1.4;
	transition: background-color 200ms ease,
	            border-color 200ms ease,
	            color 200ms ease,
	            box-shadow 200ms ease;

	/* Výchozí hodnoty – přepisují Elementor selektory */
	padding: 7px 16px;
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #cccccc;
	border-radius: 30px;
	font-size: 14px;
	font-family: inherit;
}

/* Hover – dostupné, neaktivní */
.ess-swatch-btn:not(.ess-unavailable):not(.ess-active):hover {
	border-color: #888888;
}

/* Aktivní (vybraná) */
.ess-swatch-btn.ess-active {
	background-color: #2F72FF;
	color: #ffffff;
	border-color: #2F72FF;
	font-weight: 600;
}

/* Nedostupná */
.ess-swatch-btn.ess-unavailable {
	background-color: #f5f5f5;
	color: #aaaaaa;
	border-color: #dddddd;
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.55;
	text-decoration: line-through;
}

/* Popisek */
.ess-selected-label {
	margin-top: 10px;
	font-size: 14px;
	color: #333333;
	line-height: 1.5;
}

.ess-selected-label .ess-label-value {
	font-weight: 700;
}

/* Responsivní mikro-úpravy */
@media (max-width: 480px) {
	.ess-swatch-btn {
		font-size: 13px;
		padding: 6px 12px;
	}
}