/*
 * MWFM Frontend — Site-spezifische Component-Overrides
 *
 * Diese Datei gehört DIR. Sie wird vom Install-Command einmalig angelegt
 * und beim Bundle-Update NICHT überschrieben.
 *
 * Reicht ein Token-Override (theme.css) nicht aus, schreibst du hier
 * gezielte Selektoren mit höherer Specificity, OHNE die Bundle-Component-
 * Dateien (components.css, accommodation.css, …) anzufassen.
 *
 * Lade-Reihenfolge: override.css ist die LETZTE Datei — sie darf alles
 * davor überstimmen. Siehe README.md.
 *
 * Beispiele zur Inspiration — lösche, was du nicht brauchst, oder lass
 * das File leer.
 */

/* ===== Cards =================================================== */
/* .mwfm-card {                              */
/*     border-radius: 16px;                  */
/*     box-shadow: 0 6px 24px rgba(0,0,0,.08); */
/* }                                         */

/* ===== Suchergebnis-Bilder ==================================== */
/* .mwfm-result-item__image {                */
/*     aspect-ratio: 16 / 10;                */
/* }                                         */

/* ===== Buchungs-Button-Akzent ================================ */
/* .mwfm-booking-form .btn--primary::before { */
/*     content: "→ ";                        */
/*     font-weight: 700;                     */
/* }                                         */

/* ===== Eigene Section-Headlines =============================== */
/* .mwfm-detail__section-title {             */
/*     font-family: var(--font-family-serif, Georgia, serif); */
/*     letter-spacing: -.01em;               */
/* }                                         */
:root{
  --color-primary:#0a5b88!important; --color-primary-hover:#084a6e!important; 
  --frontend-core-color-primary:#0a5b88!important; --frontend-core-color-primary-hover:#084a6e!important;
  
   
}
.booking__header img,.booking__header svg,
.booking-confirmation__logo img,.booking-error__logo img{ width:170px!important; height:auto!important; max-width:55vw; }
#header img{ width:180px!important; height:auto!important; max-width:55vw; }
/* Marken-Buttons direkt einfaerben (schlaegt Demo-Token-Bruecke via Spezifitaet+!important) */
body :is(a,button,input[type="submit"]).btn.btn--primary,
body :is(a,button,input[type="submit"]).btn--primary,
body .message__button, body .login__button,
body .section__button, body .section-form__submit{
  background-color:#0a5b88!important; background-image:none!important;
  border-color:#0a5b88!important; color:#fff!important;
}
body :is(a,button,input[type="submit"]).btn.btn--primary:hover,
body :is(a,button,input[type="submit"]).btn--primary:hover,
body .message__button:hover, body .login__button:hover,
body .section__button:hover, body .section-form__submit:hover{
  background-color:#084a6e!important; border-color:#084a6e!important; color:#fff!important;
}

/* ============================================================
   Schrift: Manrope (selbst gehostet, DSGVO-konform) – auch in
   Buchungsstrecke / mwfm-Standalone-Seiten. Feineres, edleres Bild.
   ============================================================ */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/files/fewomanager-theme/fonts/manrope-latin-variable.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/files/fewomanager-theme/fonts/manrope-latin-ext-variable.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
  --font-family-sans-serif: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
/* Leichtere Überschriften/Betonungen in der Strecke */
.mwfm h1, .mwfm h2, .mwfm h3, .mwfm h4, .mwfm h5, .mwfm h6,
h1, h2, h3, h4, h5, h6 { font-weight: 500; }
h1 { font-weight: 600; }
strong, b { font-weight: 600; }

/* ============================================================
   Schlanke, dezente Eingabefelder in der Buchungsstrecke
   (überstimmt das :where()-Basis-Styling aus base.css, Spez. 0).
   ============================================================ */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]),
textarea,
select {
  min-height: 2.15rem;      /* vorher 2.5rem */
  padding: .45rem .7rem;    /* vorher .6rem .9rem */
  border-width: 1px;
}
select { padding-right: 2rem; }
/* Sanfter Fokus statt dickem Ring */
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus, select:focus {
  outline: none;
  border-color: #0a5b88;
  box-shadow: 0 0 0 3px rgba(10,91,136,.14);
}

/* ============================================================
   Datepicker-Kalenderfarben an den Belegungskalender angleichen:
   kraeftiges Gruen (#5cb85c, frei) + kraeftiges Rot (#e2574c, belegt),
   weisse Schrift – wie .availability-calendar (--ac-free/--ac-occupied).
   ============================================================ */
:root {
  --calendar-bg-free:      #5cb85c;
  --calendar-bg-booked:    #e2574c;
  --calendar-fg-free:      #ffffff;
  --calendar-fg-booked:    #ffffff;
  --calendar-border-free:  #4cae4c;
  --calendar-border-booked:#d8473c;
}

/* Belegte Datepicker-Tage NICHT abblenden -> kraeftiges Rot wie im
   Belegungskalender (die Bundle-Regel dimmt alle disabled Tage auf 0.45). */
.calendar__button-day--booked[aria-disabled="true"],
.calendar__button-day--booked {
  opacity: 1 !important;
}

/* Preis auf farbigen Datepicker-Tagen (frei/belegt) weiss statt gedaempft. */
.calendar__button-day--free .calendar__button-day--price,
.calendar__button-day--booked .calendar__button-day--price {
  color: #fff !important;
  text-shadow: 0 0 3px rgba(0,0,0,.35);
}