/*
 * MWFM Frontend — Component-Overrides · fewo-marienschacht.de
 *
 * Zuerst immer versuchen, ein Ziel ueber die Tokens in theme.css zu
 * erreichen. Hier stehen nur Faelle, fuer die es kein Token gibt.
 * Kein !important — das Skeleton nutzt keines, ein Override braucht es
 * daher auch nicht.
 */


/* Formularfelder: die Vorlage fuellt Felder hellgrau mit feinem Rahmen und
   nutzt einen kleineren Radius als bei Karten/Buttons (6px statt 10px). */
.mwfm-form input[type="text"],
.mwfm-form input[type="email"],
.mwfm-form input[type="tel"],
.mwfm-form input[type="number"],
.mwfm-form input[type="date"],
.mwfm-form select,
.mwfm-form textarea,
.search-widget input,
.search-widget select,
.booking-form input,
.booking-form select,
.booking-form textarea {
    background-color: #F5F5F5;
    border: 1px solid var(--border-color);
    border-radius: 6px;
}

.mwfm-form input:focus,
.mwfm-form select:focus,
.mwfm-form textarea:focus,
.search-widget input:focus,
.search-widget select:focus,
.booking-form input:focus,
.booking-form select:focus,
.booking-form textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(189, 179, 139, .25);
    outline: none;
}


/* Objektkarten heben sich beim Hover leicht an — dieselbe ruhige Bewegung
   wie die Karten auf der Eventseite (dort kein Sprung, nur Schatten). */
.accommodation-card:hover,
.accommodation-row:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, .18);
    transform: none;
}


/* Preis in Markenfarbe statt im Standard-Grau. */
.accommodation-card__price,
.accommodation-row__price {
    color: var(--color-text);
}


/* Der Standalone-Header der Buchungsstrecke rendert ein <img height="80">
   ohne Breitenangabe. Das Marienschacht-Logo ist ein breiter Schriftzug
   (281 x 50, Verhaeltnis ~5,6:1) und wuerde sonst die Kopfzeile sprengen. */
#header img,
.booking-confirmation__logo,
.booking-error__logo {
    max-width: 260px;
    max-height: 46px;
    width: auto;
    height: auto;
}