/**
 * Unterkünfte (blog 9) — DS/IBE: Suchergebnis-Grid + Widget-A11y-Ergänzungen.
 * Ersetzt GP Element „DS PropertyList Grid Layout“ + Teile von „DS Search Label“.
 *
 * WCAG-Touch-Targets: nur Inputs, Selects und der Suchen-Button — nicht alle
 * internen Dropdown-Buttons (vermeidet gequetschtes Layout in ~98px Container).
 */

@media (min-width: 1201px) {
	body.blogid-9 .ibeng-PropertyList,
	body.blogid-9 .ibeng-PropertyListLive {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 1rem !important;
	}
}

@media (min-width: 1921px) {
	body.blogid-9 .ibeng-PropertyList,
	body.blogid-9 .ibeng-PropertyListLive {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

/**
 * P1 Hero: Overlay erbt color: var(--base-3) — Feldlabels der weißen Suchleiste dunkel halten.
 */
body.blogid-9 .gb-element-6a0dfbb2 #dsIbeWidget,
body.blogid-9 .gb-element-6a0dfbb2 #dsIbeWidget h3 {
	color: var(--contrast, #222);
}

body.blogid-9 .gb-element-6a0dfbb2 #dsIbeWidget .twng-text-gray-400 {
	color: rgba(0, 0, 0, 0.75);
}

body.blogid-9 #dsIbeSearchWidgetContentHolder {
	min-height: 7rem;
}

body.blogid-9 #dsIbeWidget > .ibeng-spa {
	min-height: 7rem;
}

body.blogid-9 #dsIbeWidget input[type="text"],
body.blogid-9 #dsIbeWidget select {
	min-height: 48px;
	padding: 8px 12px;
}

body.blogid-9 #dsIbeWidget a.ibengw-search-button {
	min-height: 48px;
	min-width: 48px;
	cursor: pointer;
}

body.blogid-9 #dsIbeWidget button {
	min-height: 0;
	min-width: 0;
	cursor: pointer;
}

body.blogid-9 #dsIbeWidget a.ibengw-search-button:focus,
body.blogid-9 #dsIbeWidget button:focus,
body.blogid-9 #dsIbeWidget input:focus,
body.blogid-9 #dsIbeWidget select:focus {
	outline: 2px solid var(--accent, #005e90);
	outline-offset: 2px;
}

/**
 * MeckSchweiz (blog 3): Hero-Suchwidget — Lesbarkeit + GP-Button-Skin neutralisieren.
 * Feld-Trigger sind transparente <button> in gerundeten Tabs (DS/Tailwind);
 * GP Customizer färbt sonst alle button-Elemente grün; revert würde UA-Grau erzwingen.
 */
body.blogid-3 .gb-element-497f631e #dsIbeWidget,
body.blogid-3 .gb-element-497f631e #dsIbeWidget h3 {
	color: var(--contrast, #222);
}

body.blogid-3 .gb-element-497f631e #dsIbeWidget .twng-text-gray-400 {
	color: rgba(0, 0, 0, 0.75);
}

body.blogid-3 #dsIbeSearchWidgetContentHolder {
	min-height: 7rem;
}

body.blogid-3 #dsIbeWidget > .ibeng-spa {
	min-height: 7rem;
}

body.blogid-3 #dsIbeWidget :is(.ibengw-destination-tab, .ibengw-calendar-tab, .ibengw-travellers-tab) > button {
	background: transparent;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	font: inherit;
	font-weight: inherit;
	padding: 0;
	min-height: 0;
	min-width: 0;
	cursor: pointer;
}

body.blogid-3 #dsIbeWidget :is(.ibengw-destination-tab, .ibengw-calendar-tab, .ibengw-travellers-tab) > button:is(:hover, :focus, :focus-visible) {
	background: transparent;
	background-color: transparent;
	color: inherit;
	border-color: transparent;
	box-shadow: none;
}

body.blogid-3 #dsIbeWidget input[type="text"],
body.blogid-3 #dsIbeWidget select {
	min-height: 48px;
	padding: 8px 12px;
}

body.blogid-3 #dsIbeWidget a.ibengw-search-button {
	min-height: 48px;
	min-width: 48px;
	cursor: pointer;
}

body.blogid-3 #dsIbeWidget a.ibengw-search-button:focus,
body.blogid-3 #dsIbeWidget :is(.ibengw-destination-tab, .ibengw-calendar-tab, .ibengw-travellers-tab) > button:focus,
body.blogid-3 #dsIbeWidget input:focus,
body.blogid-3 #dsIbeWidget select:focus {
	outline: 2px solid #144f26;
	outline-offset: 2px;
}