/*
 * FILE VERSION: Aemazon-MobileInputZoomFix-v1.0.0 (2026-08-29)
 * iOS Safari/WKWebView는 16px 미만 입력 요소에 포커스될 때 화면을 자동 확대한다.
 * 터치 기기의 텍스트 입력 요소만 16px로 보정해 핀치 줌은 유지하고 포커스 줌만 막는다.
 */
@media (hover: none) and (pointer: coarse) {
  input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
  textarea,
  select,
  [contenteditable="true"],
  .ProseMirror,
  .toastui-editor-md-input {
    font-size: 16px !important;
  }
}

/* ✅ iPad(태블릿 폭) + 터치일 때만 모바일 레이아웃 */
@media (hover: none) and (pointer: coarse) and (min-width: 768px) and (max-width: 1366px) {
  html, body { overflow-x: hidden; }
  .frame { overflow-x: hidden; }

  .frame{ grid-template-columns:1fr !important; }
  .right-rail{ display:none !important; }

  .sidebar{
    grid-column:auto !important;
    position:fixed !important;
    top: calc(var(--safe-top) + var(--topbar-h)) !important;
    left:0; bottom:0;
    width:var(--sbw) !important;

    border-right:1px solid var(--line) !important;
    transform: translateX(-100%);
    transition: transform .25s ease;

    padding:12px 0 12px var(--side-left-gap) !important;
    z-index:650 !important;
    background:var(--aem-ui-surface,#fff) !important;
  }

  body:not(.mobile-sidebar-open) .sidebar{
    border-right:none !important;
    transform: translateX(calc(-100% - 1px)) !important;
  }
  body.mobile-sidebar-open .sidebar{ transform: translateX(0) !important; }

  body:not(.mobile-sidebar-open) .sidebar,
  body:not(.mobile-sidebar-open) .sidebar * { pointer-events:none !important; }

  .sb-dim{
    position:fixed !important;
    inset: calc(var(--safe-top) + var(--topbar-h)) 0 0 0 !important;
    background:rgba(0,0,0,.35) !important;
    display:none !important;
    z-index:640 !important;
  }
  body.mobile-sidebar-open .sb-dim{ display:block !important; }

  /* iPad에서 햄버거 노출 */
  .topbar .mobile-toggle{ display:inline-flex !important; margin-left:8px !important; }

  .feed{ grid-column:1 !important; padding:12px !important; }
}