/* ==========================================================================
   CannaGrow 0.15.60 – Mobile Header / Modal Stack Fix

   Auf Touch-/Mobilansichten darf kein Seiten-Header dauerhaft über dem
   Spielinhalt oder über Dialogen liegen. Das Pflanzenauswahl-X sitzt zudem
   vollständig innerhalb des Dialogs und besitzt keine negative Touchfläche.
   ========================================================================== */

@media (max-width:600px), (max-width:1100px) and (hover:none){
  /* Alle eigentlichen Seiten-Header scrollen normal mit dem Dokument weg. */
  .topbar,
  .faq-topbar,
  .wiki-topbar,
  .landing-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
  }

  /* Der alte Mobile-HUD-Fix setzte z-index:200. Dadurch lag der Header über
     .modal-backdrop (z-index:100) und fing Taps auf Schließen-Buttons ab. */
  .topbar{
    z-index:20!important;
  }

  /* Pflanzenauswahl: X vollständig im Fenster – keine negative Margin und
     damit keine unsichtbar nach oben reichende Klick-/Touchfläche. */
  #plantModal > .modal > #closePlantModalBtn{
    position:sticky!important;
    top:6px!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    float:none!important;
    margin:0 0 8px auto!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
    z-index:220!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent;
  }

  #plantModal > .modal > .eyebrow,
  #plantModal > .modal > #plantModalTitle,
  #plantModal > .modal > .modal-intro{
    padding-right:0!important;
  }

  /* Dasselbe robuste Innenlayout für das Technik-Popup. */
  #roomTechPowerModal > .room-tech-power-modal > #closeRoomTechPowerBtn{
    margin:0 0 8px auto!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    top:6px!important;
  }

  /* Der Wiki-Bereichsnavigator darf weiter sticky sein, sitzt nach dem
     wegscrollenden Wiki-Header aber direkt an der oberen Bildschirmkante. */
  .wiki-section-nav{
    top:6px!important;
  }
}

@media (max-width:430px){
  #plantModal{
    padding-top:max(8px,env(safe-area-inset-top,0px))!important;
    padding-right:max(8px,env(safe-area-inset-right,0px))!important;
    padding-left:max(8px,env(safe-area-inset-left,0px))!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  }
  #plantModal > .modal{
    max-height:calc(100dvh - max(16px,calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 12px)))!important;
  }
}