/* WL-FIX-COUNCIL11 (2026-10-05, lane 8a2a7292-claude-20261005t034514z): words-flow W3 W4 W8 W11.
   Item table heads wrap instead of being cut; on the phone every button, tab and menu row is at least 44 px high,
   and keyboard shortcuts are not shown in phone menus. Undo: remove this file from app_include_css / web_include_css. */

/* W3: column heads of the item tables (Angebot, AB, Lieferschein, Rechnung) wrap onto a second line. */
.form-grid .grid-heading-row .grid-static-col,
.form-grid .grid-heading-row .static-area {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.2;
  overflow-wrap: break-word;
  hyphens: auto;
}
.form-grid .grid-heading-row .grid-row > .data-row,
.form-grid .grid-heading-row .grid-static-col {
  height: auto !important;
  min-height: 38px;
}
.form-grid .grid-heading-row .grid-static-col {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  /* W3 on the phone: a table with six or more columns keeps readable column widths and is swiped sideways inside
     its own box (the page itself does not move sideways). */
  .form-grid-container:has(.grid-heading-row .data-row > .grid-static-col:nth-of-type(6)) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .form-grid-container:has(.grid-heading-row .data-row > .grid-static-col:nth-of-type(6)) > .form-grid {
    min-width: 760px;
  }
  .form-grid .grid-heading-row .grid-static-col,
  .form-grid .grid-heading-row .static-area { font-size: 12px; }

  /* W4: touch targets of at least 44 px on the signed-in screens. */
  .page-head .btn,
  .page-head .menu-btn-group > button,
  .page-head .sidebar-toggle-btn,
  .navbar .btn,
  .navbar .nav-link,
  .navbar-toggler,
  .form-tabs-list .nav-link,
  .form-tabs .nav-link,
  .grid-footer .btn,
  .grid-add-row,
  .form-dashboard .btn,
  .layout-main-section .btn-xs,
  .layout-main-section .btn-sm,
  .list-row-head .btn,
  .page-form .btn,
  .frappe-control .btn,
  .wk-section-pill,
  .action-banner a,
  .action-banner .btn {
    min-height: 44px;
  }
  /* section open/close arrows: a 44 x 44 px area around the small arrow */
  .section-head .btn-reset.drop-icon,
  .btn-reset.drop-icon {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* row tick boxes: 24 px instead of 15 px */
  .list-row-checkbox,
  .list-check-all,
  .grid-row-check {
    width: 24px !important;
    height: 24px !important;
  }
  .form-tabs-list .nav-link,
  .form-tabs .nav-link,
  .wk-section-pill,
  .action-banner a,
  .page-head .btn,
  .grid-footer .btn,
  .layout-main-section .btn-xs,
  .layout-main-section .btn-sm {
    display: inline-flex;
    align-items: center;
  }
  .dropdown-menu .dropdown-item,
  .dropdown-menu a.dropdown-item,
  .dropdown-menu li > a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  /* W8: keyboard shortcuts do nothing on a phone. */
  .dropdown-menu kbd,
  .dropdown-menu .menu-item-shortcut { display: none !important; }

  /* W11: the way back on a page that does not exist. */
  .page-content-wrapper a.btn,
  .page_content a.btn,
  .wl-c11-tap {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}