/* FELD12 v37.50 Hotfix 20D – Mobile Transition Runtime Restore + Immediate Mobile Next Button
   Enger technischer Fix: keine Inhalte, keine Scoring-/Routing-/Ergebnislogik. */

/* 1) Mobile Zwischenfrequenzen: alte Mobile-Speed-Kürzungen dürfen echte Stage-Intros nicht mehr ausblenden. */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  body:not(.feld12-premium-print) .feld12-business-app.is-feld12-interview-stage-intro .feld12-interview-phase-screen,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-phase-screen.feld12-live-guide-transition,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-compact-stage-screen{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    padding:clamp(18px,4svh,42px) clamp(14px,4vw,26px) calc(22px + env(safe-area-inset-bottom,0px))!important;
    overflow:visible!important;
  }

  body:not(.feld12-premium-print) .feld12-business-app.is-feld12-interview-stage-intro .feld12-interview-phase-screen > *,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-phase-screen.feld12-live-guide-transition > *,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition > *,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-compact-stage-screen > *{
    visibility:visible!important;
    opacity:1!important;
  }

  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-calm-analysis-scene,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-phase-screen.feld12-live-guide-transition .feld12-calm-analysis-scene,
  body:not(.feld12-premium-print) .feld12-business-app.is-feld12-interview-stage-intro .feld12-calm-analysis-scene{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    justify-items:stretch!important;
    width:min(100%,920px)!important;
    max-width:920px!important;
    margin:auto!important;
  }

  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-focus-question-guide,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-live-guide-copy,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-phase-screen .feld12-focus-question-guide,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-phase-screen .feld12-live-guide-copy,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-focus-question-guide:nth-of-type(n),
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-live-guide-copy:nth-of-type(n){
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-flow-topline,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-calm-analysis-actions,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-ja-transition-actions,
  body:not(.feld12-premium-print) .feld12-business-app.is-feld12-interview-stage-intro .feld12-calm-analysis-actions,
  body:not(.feld12-premium-print) .feld12-business-app.is-feld12-interview-stage-intro .feld12-flow-actions{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:auto!important;
    width:min(100%,920px)!important;
    max-width:920px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Logo bleibt aus Zwischenfrequenzen entfernt. */
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-system-logo-avatar,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-static-transition-logo-v3750,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-live-guide-transition .feld12-logo,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-phase-screen .feld12-system-logo-avatar,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-phase-screen .feld12-static-transition-logo-v3750,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-phase-screen .feld12-logo{
    display:none!important;
  }
}

/* 2) Mobile Weiter-Button: die Actionbar ist sofort da; Auswahl aktiviert im selben UI-Tick. */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  body:not(.feld12-premium-print) .feld12-business-app.has-mobile-interview-actionbar .feld12-interview-question-screen.has-mobile-interview-actionbar.is-mobile-actionbar-active,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.has-immediate-next-sync{
    min-height:100svh!important;
    padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;
  }

  body:not(.feld12-premium-print) .feld12-business-app.has-mobile-interview-actionbar .feld12-interview-question-screen.has-mobile-interview-actionbar.is-mobile-actionbar-active > .feld12-mobile-interview-actionbar,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar.is-visible,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"].is-visible{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2147483640!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(82px,.38fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100vw!important;
    max-width:100vw!important;
    width:100dvw!important;
    max-width:100dvw!important;
    margin:0!important;
    padding:11px 12px calc(13px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid rgba(216,181,109,.22)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(13,14,15,.44),rgba(13,14,15,.96) 34%,#101112 100%)!important;
    box-shadow:0 -24px 60px rgba(0,0,0,.54)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translateZ(0)!important;
    pointer-events:auto!important;
  }

  body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar.is-visible .feld12-button,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"].is-visible .feld12-button{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    margin:0!important;
    padding:13px 10px!important;
    border-radius:18px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.12!important;
  }

  body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar.is-ready [data-next],
  body:not(.feld12-premium-print) .feld12-business-app [data-feld12-immediate-next-bar="ready"] [data-next],
  body:not(.feld12-premium-print) .feld12-business-app [data-next][data-feld12-immediate-next="ready"]{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  body:not(.feld12-premium-print) .feld12-business-app [data-next][data-feld12-immediate-next="waiting"]{
    visibility:visible!important;
    opacity:.58!important;
    pointer-events:auto!important;
  }
}
