/* ==========================================================================
   px/configurators.css — Konfiguratoren & Rechner (Team configurators, Premium 2610)
   Themen-übergreifende Regeln. Die eigentliche Gestaltung steht in den Plugins
   (mfm-haus-konfigurator, mfm-pv-konfigurator, mfm-pv-wizard-fixed, mfm-lxplan-generator)
   bzw. in der Rechner-Funktion des Themes (§14a) – alles mit --mx-* Tokens + Fallback.
   ========================================================================== */

/* Sprung-/Scroll-Ziele nicht unter dem festen Header verstecken */
:is(#mfm-wrapper, #mfm-pv-wrapper, #mfm-konfigurator, #mfm-14a-calc, .mfm-pv-wizard-container, .mfm-lxplan-public, .mfm-kk-embed) {
  scroll-margin-top: calc(var(--mx-header-h, 72px) + 24px);
}

/* Konfigurator-Bedienelemente: kein Doppeltipp-Zoom, kein Textmarkieren beim Antippen */
:is(.mfm-konfigurator-wrapper, .mfm-pv-wrapper, .mfm-ek-konfigurator, .mfm-14a-calc, .mfm-pv-wizard-container) :is(button, label, [role="button"]) {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Konfiguratoren stehen immer in voller Inhaltsbreite – nie in der schmalen Lesespalte */
body.mfm-unified-subpage .entry-content :is(.mfm-konfigurator-wrapper, .mfm-pv-wrapper, .mfm-ek-konfigurator, .mfm-pv-wizard-container, .mfm-lxplan-public) {
  max-width: 100%;
}

/* Persona-Umschalter: Abstand zum festen Header berücksichtigen, nicht über dem Mobil-Menü */
@media (max-width: 1023px) {
  .mfm-persona-switcher.is-sticky { top: var(--mx-header-h, 72px); z-index: 900; }
}

/* Browser-eigene Pfeile in Zahlenfeldern der Konfiguratoren ausblenden (große Tippziele über Schrittknöpfe) */
:is(.mfm-ek-konfigurator, .mfm-pv-wrapper) input[type="number"] { -moz-appearance: textfield; }