/* Light Bulb Moment – 2010er-Anmutung über theme.json hinaus */

html { scroll-behavior: smooth; }

/* Dezenter moderner Seiten-Verlauf über die ganze Seite */
body {
	background-color: #ffffff;
	background-image: linear-gradient(180deg, #eef4ef 0%, #ffffff 34%, #ffffff 88%, #eef4ef 100%);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/* Full-bleed Hero mit Logo-Text auf dem Bild (BUGA-Stil) */
.lbm-hero .wp-block-site-title a,
.lbm-hero .wp-block-site-title,
.lbm-hero p {
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}
.lbm-hero .wp-block-site-title { margin: 0 0 0.25rem; line-height: 1.1; }
.lbm-hero .wp-block-cover__inner-container { max-width: 620px; }

/* Moderne Navi-Leiste mit Dropdowns */
.lbm-nav .wp-block-navigation a { color: var(--wp--preset--color--primary-dark); text-decoration: none; }
.lbm-nav .wp-block-navigation a:hover { color: var(--wp--preset--color--primary); }
.lbm-nav .wp-block-navigation__submenu-container {
	background-color: #ffffff;
	border: 1px solid #e3ebe4;
	box-shadow: 0 10px 30px rgba(20, 40, 30, 0.12);
	border-radius: 12px;
	min-width: 13rem;
	padding: 0.4rem 0;
	overflow: hidden;
}
.lbm-nav .wp-block-navigation__submenu-container a { font-weight: 500; }
.lbm-nav .wp-block-navigation__submenu-container a:hover {
	background-color: var(--wp--preset--color--muted);
	color: var(--wp--preset--color--primary-dark);
}

/* Outline-Button (heller Rand auf grünem Grund) */
.wp-block-button.is-style-outline .wp-block-button__link {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	color: #ffffff;
}

/* Themen-Karten auf der Startseite */
.lbm-card {
	background: #ffffff;
	border: 1px solid #e2ecd8;
	border-radius: 12px;
	padding: 1.75rem;
	box-shadow: 0 6px 20px rgba(20, 40, 30, 0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	height: 100%;
}
.lbm-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 30px rgba(20, 40, 30, 0.12);
}

/* Footer in der Hausfarbe mit Akzent-Oberkante (BUGA-Stil) */
footer.wp-block-group { border-top: 4px solid var(--wp--preset--color--accent); }
footer a { color: #ffffff; text-decoration: none; }
footer a:hover { color: var(--wp--preset--color--accent); text-decoration: underline; }

/* Inhaltsbilder dezent abgerundet */
main .wp-block-image img { border-radius: 10px; }

/* ============================================================
   Buchungs- & Community-Formulare – einheitlicher Theme-Look
   Events Manager (.em-booking-form), MotoPress Hotel Booking
   (form.mphb…) und bbPress (#bbpress-forums) bekommen große,
   abgerundete Felder, moderne Select-Menüs und Pill-Buttons
   in Hausgrün – passend zur Events-Buchungsseite.
   ============================================================ */

/* --- Eingabefelder: groß, abgerundet, weicher Rahmen --- */
.em-booking-form input.input,
.em-booking-form input[type="text"],
.em-booking-form input[type="email"],
.em-booking-form input[type="tel"],
.em-booking-form textarea,
.em-booking-form select,
#bbpress-forums input[type="text"],
#bbpress-forums input[type="password"],
#bbpress-forums input[type="email"],
#bbpress-forums input[type="tel"],
#bbpress-forums input[type="search"],
#bbpress-forums textarea,
#bbpress-forums select,
form[class*="mphb"] input[type="text"],
form[class*="mphb"] input[type="email"],
form[class*="mphb"] input[type="tel"],
form[class*="mphb"] input[type="number"],
form[class*="mphb"] input.mphb-datepick,
form[class*="mphb"] textarea,
form[class*="mphb"] select {
	font-family: inherit;
	font-size: 1.02rem;
	line-height: 1.4;
	color: var(--wp--preset--color--contrast);
	background-color: #ffffff;
	border: 1.5px solid #cfe0d2;
	border-radius: 10px;
	padding: 0.72rem 0.95rem;
	max-width: 100%;
	box-sizing: border-box;
	box-shadow: inset 0 1px 2px rgba(20, 40, 30, 0.04);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.em-booking-form textarea,
#bbpress-forums textarea,
form[class*="mphb"] textarea { width: 100%; }

/* Fokus-Ring in Hausgrün */
.em-booking-form input:focus,
.em-booking-form textarea:focus,
.em-booking-form select:focus,
#bbpress-forums input:focus,
#bbpress-forums textarea:focus,
#bbpress-forums select:focus,
form[class*="mphb"] input:focus,
form[class*="mphb"] textarea:focus,
form[class*="mphb"] select:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary);
	box-shadow: 0 0 0 3px rgba(47, 143, 87, 0.18);
}

/* --- Moderne Select-Menüs (Erwachsene/Kinder usw.) statt Standard-Look --- */
.em-booking-form select,
#bbpress-forums select,
form[class*="mphb"] select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 2.5rem;
	cursor: pointer;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231f6e42' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.85rem center;
	background-size: 0.95rem;
}

/* --- Submit-/Aktions-Buttons: Pill in Hausgrün (wie Theme-Buttons) --- */
.em-booking-form input[type="submit"],
.em-booking-form button[type="submit"],
.em-booking-form .em-button,
#bbpress-forums button[type="submit"],
#bbpress-forums input[type="submit"],
#bbpress-forums a.button,
form[class*="mphb"] input[type="submit"],
form[class*="mphb"] button[type="submit"],
form[class*="mphb"] .button,
a.mphb-book-button,
.mphb-book-button {
	display: inline-block;
	width: auto;
	font-family: inherit;
	font-size: 1.02rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	color: #ffffff !important;
	background: var(--wp--preset--color--primary);
	border: none;
	border-radius: 999px;
	padding: 0.8rem 1.9rem;
	cursor: pointer;
	box-shadow: 0 6px 16px rgba(31, 110, 66, 0.22);
	transition: background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.em-booking-form input[type="submit"]:hover,
.em-booking-form .em-button:hover,
#bbpress-forums button[type="submit"]:hover,
#bbpress-forums input[type="submit"]:hover,
form[class*="mphb"] input[type="submit"]:hover,
form[class*="mphb"] button[type="submit"]:hover,
a.mphb-book-button:hover,
.mphb-book-button:hover {
	background: var(--wp--preset--color--primary-dark);
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(31, 110, 66, 0.28);
}

/* --- MotoPress Suchformular als luftige Karte (Check-in/out, Erw./Kinder) --- */
.mphb_sc_search-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1.1rem 1.25rem;
	background: #ffffff;
	border: 1px solid #e2ecd8;
	border-radius: 16px;
	padding: 1.6rem;
	box-shadow: 0 6px 20px rgba(20, 40, 30, 0.06);
}
.mphb_sc_search-form > * { flex: 1 1 170px; margin: 0; }
.mphb_sc_search-submit-button-wrapper { flex: 0 0 auto; }
.mphb_sc_search-form label {
	display: block;
	font-weight: 600;
	font-size: 0.95rem;
	margin-bottom: 0.4rem;
	color: var(--wp--preset--color--primary-dark);
}
.mphb_sc_search-form input,
.mphb_sc_search-form select { width: 100%; }

/* --- EM-Buchungsformular: Felder untereinander mit Luft --- */
.em-booking-form { max-width: 540px; }
.em-booking-form p { margin: 0 0 1rem; }
.em-booking-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35rem;
	color: var(--wp--preset--color--primary-dark);
}
.em-booking-form input.input,
.em-booking-form select.em-ticket-select { width: 100%; }
.em-booking-form input[type="checkbox"],
#bbpress-forums input[type="checkbox"] { width: auto; margin-right: 0.5rem; box-shadow: none; }

/* --- bbPress: weg vom „Tabellen-Dokument", hin zu weichen Karten --- */
#bbpress-forums {
	font-size: 1.02rem;
	border: 1px solid #e2ecd8;
	border-radius: 14px;
	overflow: hidden;
	background: #ffffff;
	box-shadow: 0 6px 20px rgba(20, 40, 30, 0.06);
	margin-bottom: 2rem;
}
#bbpress-forums .bbp-forums,
#bbpress-forums .bbp-topics,
#bbpress-forums .bbp-replies,
#bbpress-forums .bbp-topics-front {
	border: none;
	margin: 0;
	background: transparent;
}
/* Kopf-/Fußzeile der Liste in Hausgrün */
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
	background: var(--wp--preset--color--primary-dark);
	color: #ffffff;
	border: none;
	font-weight: 600;
	padding: 0.85rem 1.1rem;
}
#bbpress-forums li.bbp-header a,
#bbpress-forums li.bbp-footer a,
#bbpress-forums li.bbp-header div,
#bbpress-forums li.bbp-footer div { color: #ffffff; }
/* Listenzeilen: Abstand + weiche Trennlinie + Hover */
#bbpress-forums .bbp-body ul.forum,
#bbpress-forums .bbp-body ul.topic {
	padding: 0.95rem 1.1rem;
	border-bottom: 1px solid #eef3ec;
	transition: background-color 0.12s ease;
}
#bbpress-forums .bbp-body ul.forum:hover,
#bbpress-forums .bbp-body ul.topic:hover {
	background-color: var(--wp--preset--color--muted);
}
#bbpress-forums .bbp-forum-title,
#bbpress-forums .bbp-topic-permalink {
	font-weight: 700;
	font-size: 1.08rem;
	color: var(--wp--preset--color--primary-dark);
	text-decoration: none;
}
#bbpress-forums .bbp-forum-title:hover,
#bbpress-forums .bbp-topic-permalink:hover { color: var(--wp--preset--color--primary); }
/* Formular „Neues Thema/Antwort" als Karte */
#bbpress-forums fieldset.bbp-form {
	background: #ffffff;
	border: 1px solid #e2ecd8;
	border-radius: 14px;
	padding: 1.4rem 1.5rem;
	box-shadow: 0 6px 20px rgba(20, 40, 30, 0.06);
}
#bbpress-forums fieldset.bbp-form legend {
	font-weight: 700;
	font-size: 1.2rem;
	color: var(--wp--preset--color--primary-dark);
	padding: 0 0.5rem;
}
#bbpress-forums fieldset.bbp-form label { font-weight: 600; }
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { width: 100%; }
/* Hinweis-/Meldungsboxen abrunden */
#bbpress-forums div.bbp-template-notice {
	border-radius: 10px;
	border: 1px solid #e2ecd8;
	background: var(--wp--preset--color--muted);
}
/* Such-Box im Forum */
#bbpress-forums .bbp-search-form { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: center; }

/* Redundante graue/grüne Fußzeile der bbPress-Liste ausblenden (saubere Karte) */
#bbpress-forums li.bbp-footer { display: none; }

/* Events Manager bringt eigenes „pixelbones"-CSS NACH dem Theme mit
   (.em.pixelbones …input[type=submit]:not([data-nostyle]) { … !important })
   und überschreibt den Submit-Button. Wir übertreffen dessen Spezifität
   (0,4,1) mit Vorfahr .em.pixelbones + Klasse .em-button und !important. */
.em.pixelbones .em-booking-form input[type="submit"],
.em.pixelbones .em-booking-form input[type="submit"].em-button,
.em.pixelbones .em-booking-form button[type="submit"],
.em.pixelbones .em-booking-form .em-button {
	background: var(--wp--preset--color--primary) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 0.8rem 1.9rem !important;
	font-size: 1.02rem !important;
	font-weight: 600 !important;
	width: auto !important;
	box-shadow: 0 6px 16px rgba(31, 110, 66, 0.22) !important;
	transition: background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.em.pixelbones .em-booking-form input[type="submit"]:hover,
.em.pixelbones .em-booking-form input[type="submit"].em-button:hover,
.em.pixelbones .em-booking-form .em-button:hover {
	background: var(--wp--preset--color--primary-dark) !important;
	transform: translateY(-1px);
}
/* Auch die EM-Eingabefelder gegen das pixelbones-CSS auf den Theme-Look heben. */
.em.pixelbones .em-booking-form input.input,
.em.pixelbones .em-booking-form input[type="text"].input,
.em.pixelbones .em-booking-form input[type="email"].input,
.em.pixelbones .em-booking-form input[type="tel"].input,
.em.pixelbones .em-booking-form .em-booking-section textarea,
.em.pixelbones .em-booking-form .em-booking-section select,
.em.pixelbones .em-booking-form select.em-ticket-select {
	border: 1.5px solid #cfe0d2 !important;
	border-radius: 10px !important;
	padding: 0.72rem 0.95rem !important;
	font-size: 1.02rem !important;
	background-color: #ffffff !important;
	box-shadow: inset 0 1px 2px rgba(20, 40, 30, 0.04) !important;
}
.em.pixelbones .em-booking-form input.input:focus,
.em.pixelbones .em-booking-form .em-booking-section textarea:focus,
.em.pixelbones .em-booking-form .em-booking-section select:focus,
.em.pixelbones .em-booking-form select.em-ticket-select:focus {
	border-color: var(--wp--preset--color--primary) !important;
	box-shadow: 0 0 0 3px rgba(47, 143, 87, 0.18) !important;
}