/*
 * Formulare im Designstil: Contact Form 7 (Anfrage), MotoPress (Unterkünfte, Suchformular),
 * AIDA-Buchungswidget (/buchen/: nur Rahmen, das Widget gestaltet sich selbst).
 * Felder: 48 px, 1 px Fels 300, 4 px Ecken, Fokus-Ring Sonne. Knöpfe wie „Tanne“.
 */

.ps-inhalt :is(.wpcf7, .mphb_sc_search-form, .mphb_widget_search-form, .mphb-booking-form, .mphb_sc_checkout-form) {
	font: 400 var(--fs-body)/1.5 var(--font-sans);
	color: var(--text-body);
}
.ps-inhalt :is(.wpcf7, [class*="mphb"]) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], input[type="url"], input[type="password"], select, textarea) {
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid var(--border-default);
	border-radius: var(--radius-control);
	background: var(--weiss);
	color: var(--text-strong);
	font: 400 var(--fs-body)/1.4 var(--font-sans);
	box-shadow: none;
	transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.ps-inhalt :is(.wpcf7, [class*="mphb"]) textarea { min-height: 160px; resize: vertical; }
.ps-inhalt :is(.wpcf7, [class*="mphb"]) :is(input, select, textarea):focus { outline: none; border-color: var(--tanne-600); box-shadow: var(--shadow-focus); }
.ps-inhalt :is(.wpcf7, [class*="mphb"]) label { display: block; font: 600 var(--fs-small)/1.4 var(--font-sans); color: var(--text-strong); }
.ps-inhalt .wpcf7 p { margin: 0 0 18px; }
.ps-inhalt :is(.wpcf7, [class*="mphb"]) :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--tanne-600); width: 18px; height: 18px; vertical-align: -3px; }
.ps-inhalt :is(.wpcf7, [class*="mphb"]) :is(input[type="submit"], button[type="submit"], .button, .mphb-button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 28px;
	border: 1.5px solid transparent;
	border-radius: var(--radius-control);
	background: var(--tanne-600);
	color: var(--schnee);
	font: 600 13px/1 var(--font-sans);
	letter-spacing: var(--ls-button);
	text-transform: uppercase;
	cursor: pointer;
	transition: background var(--dur-fast) var(--ease-out);
}
.ps-inhalt :is(.wpcf7, [class*="mphb"]) :is(input[type="submit"], button[type="submit"], .button, .mphb-button):hover { background: var(--tanne-800); }
.ps-inhalt .wpcf7-not-valid-tip { color: var(--rost-600); font-size: var(--fs-small); margin-top: 6px; }
.ps-inhalt .wpcf7 form .wpcf7-response-output { margin: 18px 0 0; padding: 12px 16px; border-radius: var(--radius-control); font-size: var(--fs-small); }
.ps-inhalt .wpcf7 form.sent .wpcf7-response-output { border-color: var(--tanne-600); background: var(--tanne-50); }
.ps-inhalt .wpcf7 form.invalid .wpcf7-response-output, .ps-inhalt .wpcf7 form.failed .wpcf7-response-output { border-color: var(--rost-600); background: var(--rost-100); }
.ps-inhalt .wpcf7-spinner { margin: 0 12px; }

/* MotoPress: Unterkunftsliste und Einzelseite */
.ps-inhalt .mphb-room-type, .ps-inhalt .mphb_sc_rooms-wrapper .type-mphb_room_type { margin-bottom: 48px; }
.ps-inhalt .mphb-room-type-title { font-family: var(--font-display); font-weight: 400; }
.ps-inhalt .mphb-regular-price, .ps-inhalt .mphb-price { color: var(--text-strong); font-weight: 600; }
.ps-inhalt .mphb-gallery-thumbnails, .ps-inhalt .mphb-room-type-gallery-wrapper { margin: 24px 0; }
.ps-inhalt .mphb-flexslider img, .ps-inhalt .gallery img { border-radius: var(--radius-image); }

/* AIDA-Buchungswidget (externes Skript auf /buchen/) */
.ps-inhalt #easiplugin_container { min-height: 480px; max-width: var(--container); margin-inline: auto; }
