/* OptilaPlus mobile hardening r209.
 * Desktop davranisini degistirmez; dar ekranlarda sayfa tasmasini ve
 * recete formundaki sifir-genislik alanlari duzeltir.
 */

@media (max-width: 768px) {
  html,
  body,
  #root {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  main,
  main > div,
  main section,
  main article,
  main form,
  main .ant-card,
  main .ant-card-body {
    max-width: 100%;
    min-width: 0;
  }

  main input,
  main textarea,
  main select,
  main .ant-input,
  main .ant-input-affix-wrapper,
  main .ant-input-number,
  main .ant-picker,
  main .ant-select,
  main .ant-select-selector,
  main .ant-form-item,
  main .ant-form-item-row,
  main .ant-form-item-control,
  main .ant-form-item-control-input,
  main .ant-form-item-control-input-content {
    max-width: 100%;
    min-width: 0;
  }

  main .ant-table-wrapper,
  main .ant-table-container,
  main .ant-table-content,
  main .ant-table-body {
    max-width: 100%;
  }

  main .ant-table-content,
  main .ant-table-body {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  main .ant-tabs-nav-wrap,
  main [role="tablist"] {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  main .ant-modal,
  .ant-modal-root .ant-modal {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    margin: 10px auto !important;
    top: 10px !important;
    padding-bottom: 10px !important;
  }

  main .ant-modal-content,
  .ant-modal-root .ant-modal-content {
    max-height: calc(100dvh - 20px);
    overflow-y: auto;
  }

  /* Yeni recete v2: masaustu iki sutun ve sag arac cubugu mobilde alt alta. */
  body[data-op-route="/recete/yeni-v2"] main > div {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-op-route="/recete/yeni-v2"] main > div > div:first-child {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-op-route="/recete/yeni-v2"] main > div > div:first-child > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 16px 12px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  body[data-op-route="/recete/yeni-v2"] main div[style*="grid-template-columns"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-op-route="/recete/yeni-v2"] main div[style*="align-items: center"][style*="display: flex"],
  body[data-op-route="/recete/yeni-v2"] main div[style*="display:flex"][style*="align-items:center"] {
    flex-wrap: wrap !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-op-route="/recete/yeni-v2"] main .ant-form-item,
  body[data-op-route="/recete/yeni-v2"] main .ant-form-item-row,
  body[data-op-route="/recete/yeni-v2"] main .ant-form-item-control,
  body[data-op-route="/recete/yeni-v2"] main .ant-form-item-control-input,
  body[data-op-route="/recete/yeni-v2"] main .ant-form-item-control-input-content,
  body[data-op-route="/recete/yeni-v2"] main input,
  body[data-op-route="/recete/yeni-v2"] main textarea,
  body[data-op-route="/recete/yeni-v2"] main .ant-select,
  body[data-op-route="/recete/yeni-v2"] main .ant-picker {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-op-route="/recete/yeni-v2"] .recete-v2-arac {
    position: sticky !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 8px !important;
    top: auto !important;
    z-index: 120 !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 12px !important;
    padding: 8px !important;
    overflow-x: auto !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .16) !important;
    backdrop-filter: blur(8px);
  }

  body[data-op-route="/recete/yeni-v2"] .recete-v2-arac > * {
    flex: 1 0 74px !important;
    min-width: 74px !important;
    max-width: 120px !important;
  }

  /* Eski recete, liste ve ayar ekranlarindaki sabit genislikleri sar. */
  body[data-op-route^="/recete"] main .ant-row {
    min-width: 0;
  }

  body[data-op-route^="/recete"] main .ant-space,
  body[data-op-route^="/recete"] main .ant-space-item {
    max-width: 100%;
  }

  /* Etiket tasarim basligi ve islemleri mobilde iki satira yayilir. */
  body[data-op-route="/urun/etiket-ayarlari"] main > div:first-child {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-op-route="/urun/etiket-ayarlari"] main > div:first-child > .ant-space {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    min-width: 0 !important;
    row-gap: 8px !important;
  }

  body[data-op-route="/urun/etiket-ayarlari"] main > div:first-child > .ant-space:first-child {
    justify-content: flex-start !important;
  }

  body[data-op-route="/urun/etiket-ayarlari"] main > div:first-child > .ant-space:last-child {
    justify-content: stretch !important;
  }

  body[data-op-route="/urun/etiket-ayarlari"] main > div:first-child h4 {
    width: auto !important;
    margin: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body[data-op-route="/urun/etiket-ayarlari"] main > div:first-child > .ant-space:last-child > .ant-space-item {
    flex: 1 1 132px !important;
    min-width: 0 !important;
  }

  body[data-op-route="/urun/etiket-ayarlari"] main > div:first-child > .ant-space:last-child button {
    width: 100% !important;
    min-height: 40px;
  }

  /* Giden faturadaki uc adim mobilde dikey ve eksiksiz gorunur. */
  body[data-op-route="/fatura/giden"] main div[style*="grid-template-columns: 1fr 40px 1fr 40px 1fr"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-op-route="/fatura/giden"] main div[style*="grid-template-columns: 1fr 40px 1fr 40px 1fr"] > div {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-op-route="/fatura/giden"] main div[style*="grid-template-columns: 1fr 40px 1fr 40px 1fr"] > div:nth-child(even) {
    display: none !important;
  }

  /* Siparis durumlari iki satirli dokunmatik sekmeler olarak sarilir. */
  body[data-op-route="/siparis"] main .ant-card-body > div[style*="border-bottom"][style*="display: flex"] {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-op-route="/siparis"] main .ant-card-body > div[style*="border-bottom"][style*="display: flex"] > div {
    flex: 1 1 30% !important;
    min-width: 30% !important;
    border-bottom: 1px solid #eef2f7;
    box-sizing: border-box !important;
  }

  body[data-op-route="/siparis"] main .ant-card-body > div:first-child[style*="justify-content: space-between"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-op-route="/siparis"] main .ant-card-body > div:first-child[style*="justify-content: space-between"] > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-op-route="/siparis"] main .ant-card-body > div:first-child[style*="justify-content: space-between"] .ant-space {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .op-label-bridge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: 6px 0 !important;
    white-space: normal !important;
    text-align: center;
  }

  .op-label-toast {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
  }

  .ant-alert-actions .ant-btn::after {
    content: "\2713" !important;
  }
}

@media (max-width: 560px) {
  main .ant-row > [class*="ant-col-"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  main .ant-card-body {
    padding: 12px !important;
  }

  main .ant-form-item-label {
    padding-bottom: 4px !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body[data-op-route^="/recete"] main button,
  body[data-op-route^="/recete"] main .ant-btn {
    min-height: 40px;
  }
}