/* =========================================================
   WTT – CF7 Preorder Products Select  ·  Woodmart-compatible
   ========================================================= */

/* ── Container Select2 ──────────────────────────────────── */
.wpcf7-form-control-wrap .select2-container--default {
	width: 100% !important;
	font-family: var(--wd-text-font, "Lato", Arial, Helvetica, sans-serif);
	font-size: 14px;
	color: var(--wd-text-color, #777);
}

/* ── Selection box (înlocuiește <select>) ────────────────── */
.wpcf7-form-control-wrap
.select2-container--default
.select2-selection--multiple {
	min-height: 40px;
	padding: 0 10px;
	border: var(--wd-form-brd-width, 2px) solid var(--wd-form-brd-color, rgba(0,0,0,.1));
	border-radius: var(--wd-form-brd-radius, 0px);
	background-color: var(--wd-form-bg, transparent);
	box-shadow: none;
	transition: border-color .5s ease;
	cursor: text;
}

.wpcf7-form-control-wrap
.select2-container--default.select2-container--focus
.select2-selection--multiple,
.wpcf7-form-control-wrap
.select2-container--default.select2-container--open
.select2-selection--multiple {
	border-color: var(--wd-title-color, #242424);
	outline: none;
}

/* ── Placeholder ─────────────────────────────────────────── */
.wpcf7-form-control-wrap
.select2-container--default
.select2-selection--multiple
.select2-search--inline
.select2-search__field::placeholder,
.wpcf7-form-control-wrap
.select2-container--default
.select2-selection--multiple
.select2-search__field {
	font-family: var(--wd-text-font, inherit);
	font-size: 14px;
	color: var(--wd-text-color, #777);
	margin: 4px 0;
	padding: 0;
	border: none;
	box-shadow: none;
	background: transparent;
	height: fit-content;
}

/* ── Pills (produse selectate) ───────────────────────────── */
.wpcf7-form-control-wrap
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 3px 4px 3px 0;
	padding: 3px 8px;
	background-color: var(--wd-title-color, #242424);
	border: none;
	border-radius: calc(var(--wd-form-brd-radius, 0px) + 2px);
	color: #fff;
	font-size: 12px;
	font-family: var(--wd-text-font, inherit);
	line-height: 1.4;
}

.wpcf7-form-control-wrap
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
	color: rgba(255,255,255,.7);
	font-size: 14px;
	margin-right: 0;
	order: 1;
	padding: 0 0 0 4px;
}

.wpcf7-form-control-wrap
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove:hover {
	color: #fff;
	background: transparent;
}

/* ── Dropdown ────────────────────────────────────────────── */
.wpcf7-form-control-wrap + .select2-container--default .select2-dropdown,
.select2-container--default .select2-dropdown {
	border: var(--wd-form-brd-width, 2px) solid var(--wd-title-color, #242424);
	border-radius: var(--wd-form-brd-radius, 0px);
	background-color: #fff;
	box-shadow: 0 4px 16px rgba(0,0,0,.08);
	font-family: var(--wd-text-font, inherit);
	font-size: 14px;
}

/* ── Search în dropdown ──────────────────────────────────── */
.select2-container--default .select2-search--dropdown .select2-search__field {
	padding: 8px 12px;
	border: none;
	border-bottom: 1px solid var(--wd-form-brd-color, rgba(0,0,0,.1));
	background: transparent;
	font-family: var(--wd-text-font, inherit);
	font-size: 14px;
	color: var(--wd-text-color, #777);
	box-shadow: none;
	outline: none;
}

/* ── Opțiuni din dropdown ────────────────────────────────── */
.select2-container--default
.select2-results__option {
	padding: 8px 12px;
	color: var(--wd-text-color, #777);
	transition: background .15s, color .15s;
}

.select2-container--default
.select2-results__option--highlighted[aria-selected] {
	background-color: var(--wd-title-color, #242424);
	color: #fff;
}

.select2-container--default
.select2-results__option[aria-selected="true"] {
	background-color: rgba(0,0,0,.04);
	color: var(--wd-title-color, #242424);
}

.select2-container--default
.select2-results__option--highlighted[aria-selected="true"] {
	background-color: var(--wd-title-color, #242424);
	color: #fff;
}

/* ── Rând produs în dropdown ─────────────────────────────── */
.wtt-po-result {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 2px 0;
}

.wtt-po-result__img {
	width: 42px;
	height: 42px;
	object-fit: cover;
	border-radius: calc(var(--wd-form-brd-radius, 0px) + 2px);
	flex-shrink: 0;
	border: 1px solid var(--wd-form-brd-color, rgba(0,0,0,.1));
}

.wtt-po-result__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.wtt-po-result__name {
	font-weight: 600;
	color: var(--wd-title-color, #242424);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wtt-po-result__sku {
	font-size: .78em;
	color: var(--wd-text-color, #777);
}

/* highlighted: adaptează culorile textului */
.select2-results__option--highlighted .wtt-po-result__name,
.select2-results__option--highlighted .wtt-po-result__sku {
	color: #fff;
}

.select2-results__option--highlighted .wtt-po-result__sku {
	opacity: .75;
}

/* ── Elimină <br> dintre label și câmp ──────────────────── */
.wpcf7 p:has(.wtt-preorder-select) > br {
	display: none;
}

/* ── Validare CF7 ────────────────────────────────────────── */
.wpcf7-not-valid
.select2-container--default
.select2-selection--multiple {
	border-color: #dc3232 !important;
}