/* v33 — mobil giriş, klavye ve üretim föyü kaydırma kararlılığı */
@media (max-width:900px){
  html[data-ui-mode="mobile"]{
    --wen-safe-top:max(10px,env(safe-area-inset-top));
    --wen-safe-bottom:max(12px,env(safe-area-inset-bottom));
  }

  /* Giriş ekranı: küçük ekran ve açık klavyede alanların görünür kalması */
  html[data-ui-mode="mobile"] .login-screen{
    display:block;
    width:100%;
    min-height:var(--wen-mobile-height,100dvh);
    height:var(--wen-mobile-height,100dvh);
    overflow:hidden;
    background:linear-gradient(180deg,#eef3f9 0%,#f8fafc 100%);
  }
  html[data-ui-mode="mobile"] .login-visual{display:none!important}
  html[data-ui-mode="mobile"] .login-panel{
    width:100%;
    height:100%;
    min-height:0;
    display:block;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    padding:clamp(18px,6vh,54px) 16px calc(24px + var(--wen-safe-bottom));
  }
  html[data-ui-mode="mobile"] .login-card{
    width:min(430px,100%);
    min-width:0;
    margin:0 auto;
    padding:22px 18px;
    border-radius:20px;
    background:#fff;
    border:1px solid #dfe5ec;
    box-shadow:0 18px 46px rgba(11,31,58,.12);
  }
  html[data-ui-mode="mobile"] .mobile-brand{display:flex;margin-bottom:22px}
  html[data-ui-mode="mobile"] .login-card h2{font-size:28px;margin-top:8px}
  html[data-ui-mode="mobile"] .login-card>p{margin-bottom:22px}
  html[data-ui-mode="mobile"] .login-card label{margin-bottom:14px}
  html[data-ui-mode="mobile"] .login-card input{
    min-height:50px;
    font-size:16px;
    line-height:1.25;
    padding:13px 14px;
    scroll-margin-block:110px;
  }
  html[data-ui-mode="mobile"] .login-card .btn.wide{min-height:50px;width:100%}
  html[data-ui-mode="mobile"] .login-card .demo-info{overflow-wrap:anywhere}
  html[data-ui-mode="mobile"] body.wen-keyboard-open .login-panel{
    padding-top:10px;
    padding-bottom:12px;
  }
  html[data-ui-mode="mobile"] body.wen-keyboard-open .mobile-brand,
  html[data-ui-mode="mobile"] body.wen-keyboard-open .login-card>.eyebrow,
  html[data-ui-mode="mobile"] body.wen-keyboard-open .login-card>p,
  html[data-ui-mode="mobile"] body.wen-keyboard-open .demo-info{display:none}
  html[data-ui-mode="mobile"] body.wen-keyboard-open .login-card{padding-top:15px;padding-bottom:15px}
  html[data-ui-mode="mobile"] body.wen-keyboard-open .login-card h2{font-size:22px;margin:0 0 12px}

  /* Modal ve çekmeceler gerçek bir başlık/gövde/altlık düzeni kullanır. */
  html[data-ui-mode="mobile"] .modal,
  html[data-ui-mode="mobile"] .production-drawer,
  html[data-ui-mode="mobile"] .drawer{
    display:flex!important;
    flex-direction:column;
    min-height:0;
    overflow:hidden!important;
  }
  html[data-ui-mode="mobile"] .modal-head,
  html[data-ui-mode="mobile"] .modal-foot,
  html[data-ui-mode="mobile"] .order-detail-head,
  html[data-ui-mode="mobile"] .drawer-head{
    flex:0 0 auto;
  }
  html[data-ui-mode="mobile"] .modal-body,
  html[data-ui-mode="mobile"] .order-detail-body,
  html[data-ui-mode="mobile"] .drawer-body{
    flex:1 1 auto;
    min-height:0;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-gutter:stable;
  }
  html[data-ui-mode="mobile"] .order-detail-body{
    padding:10px 8px calc(118px + var(--wen-safe-bottom))!important;
    scroll-padding-top:72px;
    scroll-padding-bottom:130px;
  }
  html[data-ui-mode="mobile"] .modal-body{
    padding-bottom:calc(28px + var(--wen-safe-bottom))!important;
    scroll-padding-top:84px;
    scroll-padding-bottom:88px;
  }
  html[data-ui-mode="mobile"] .modal-foot{
    bottom:auto!important;
    position:relative!important;
    padding-bottom:var(--wen-safe-bottom)!important;
    box-shadow:0 -8px 24px rgba(11,31,58,.08);
  }

  /* Föy detayları ekranın sonuna kadar erişilebilir ve hiçbir kart kesilmez. */
  html[data-ui-mode="mobile"] .modern-production-sheet,
  html[data-ui-mode="mobile"] .production-sheet{
    overflow:visible!important;
    min-height:max-content;
  }
  html[data-ui-mode="mobile"] .foy-content-layout,
  html[data-ui-mode="mobile"] .foy-main-column,
  html[data-ui-mode="mobile"] .foy-side-column,
  html[data-ui-mode="mobile"] .foy-section,
  html[data-ui-mode="mobile"] .foy-design-card,
  html[data-ui-mode="mobile"] .foy-contact-card,
  html[data-ui-mode="mobile"] .foy-check-card{
    overflow:visible!important;
    contain:none!important;
  }
  html[data-ui-mode="mobile"] .foy-side-column{display:grid;gap:12px}
  html[data-ui-mode="mobile"] .foy-size-groups article{overflow:visible!important}
  html[data-ui-mode="mobile"] .foy-size-groups article>div{
    overflow-x:auto!important;
    overflow-y:hidden;
    padding-bottom:6px;
  }
  html[data-ui-mode="mobile"] .foy-design-frame{
    min-height:220px;
    height:min(62vw,340px)!important;
    max-height:340px!important;
  }
  html[data-ui-mode="mobile"] .foy-contact-card,
  html[data-ui-mode="mobile"] .foy-check-card{margin-bottom:2px}
  html[data-ui-mode="mobile"] .order-detail-tabs{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto;
  }
  html[data-ui-mode="mobile"] .stage-actions{
    position:relative!important;
    bottom:auto!important;
    margin:8px 0 4px;
    box-shadow:none!important;
  }

  /* Form alanları klavye açıldığında güvenli biçimde görünür alana taşınır. */
  html[data-ui-mode="mobile"] input,
  html[data-ui-mode="mobile"] select,
  html[data-ui-mode="mobile"] textarea,
  html[data-ui-mode="mobile"] button{scroll-margin-block:105px}
  html[data-ui-mode="mobile"] body.wen-keyboard-open .mobile-bottom-nav{display:none!important}
  html[data-ui-mode="mobile"] body.wen-keyboard-open .main-content{padding-bottom:12px}

  /* iOS Safari yakınlaştırmasında alt menüyü küçülen görsel ekranın altında tut. */
  html[data-ui-mode="mobile"] body.wen-viewport-zoomed:not(.modal-open):not(.drawer-open):not(.mobile-sheet-open) #mobileBottomNav{
    display:grid!important;
    position:fixed!important;
    left:var(--wen-visual-left,0px)!important;
    right:auto!important;
    top:calc(var(--wen-visual-top,0px) + var(--wen-visual-height,100dvh) - 72px - env(safe-area-inset-bottom))!important;
    bottom:auto!important;
    width:var(--wen-visual-width,100vw)!important;
    min-width:0!important;
    max-width:none!important;
    transform:translate3d(0,0,0)!important;
    backface-visibility:hidden;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

@media (max-width:390px){
  html[data-ui-mode="mobile"] .login-panel{padding-left:10px;padding-right:10px}
  html[data-ui-mode="mobile"] .login-card{padding-left:14px;padding-right:14px;border-radius:17px}
  html[data-ui-mode="mobile"] .order-detail-body{padding-left:6px!important;padding-right:6px!important}
}

@media (max-height:560px) and (max-width:900px){
  html[data-ui-mode="mobile"] .login-panel{padding-top:8px}
  html[data-ui-mode="mobile"] .login-card{padding-top:13px;padding-bottom:13px}
  html[data-ui-mode="mobile"] .mobile-brand{margin-bottom:10px}
  html[data-ui-mode="mobile"] .login-card h2{font-size:22px;margin:4px 0 7px}
  html[data-ui-mode="mobile"] .login-card>p{margin-bottom:10px}
  html[data-ui-mode="mobile"] .demo-info{display:none}
}