/*
 * 5Tawzeef Mobile Jobs Text + Filter Visible Viewport R1
 * UI-only hotfix. No database contract and no production-legacy mutation.
 * Markers:
 * mobile_jobs_quick_text_no_wrap_r1
 * mobile_jobs_facts_readable_grid_r1
 * mobile_jobs_filter_visible_viewport_scroll_r1
 * mobile_jobs_filter_fixed_action_footer_r1
 */
@media (max-width: 760px) {
  /* Keep shortcut labels intact; the rail itself remains horizontally scrollable. */
  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__quick {
    align-items: stretch !important;
    scroll-padding-inline: 14px !important;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__quick > a {
    flex: 0 0 auto !important;
    inline-size: max-content !important;
    min-inline-size: max-content !important;
    max-inline-size: none !important;
    min-height: 44px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    line-height: 1.2 !important;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__active-filters > a {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  /* Preserve mixed Arabic/English job titles without reversed punctuation. */
  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__card-main h3 {
    unicode-bidi: plaintext !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html[dir="rtl"] body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__card-main h3,
  body.rtl.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__card-main h3 {
    direction: rtl !important;
    text-align: right !important;
  }

  /* Replace four compressed ellipsis chips with a readable 2-column facts grid. */
  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__facts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 7px !important;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__facts > span {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: none !important;
    min-height: 38px !important;
    padding: 7px 8px !important;
    display: grid !important;
    grid-template-columns: 15px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__facts > span svg {
    inline-size: 15px !important;
    block-size: 15px !important;
    min-inline-size: 15px !important;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__facts > span bdi {
    min-inline-size: 0 !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.35 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  /* A locked body is enough; touch-action:none on the ancestor blocked sheet scrolling on iOS. */
  html.jobs-filter-portal-open-h11-4-11,
  body.mobile-app-page-jobs.jobs-filter-portal-open-h11-4-11 {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: auto !important;
  }

  body.mobile-app-page-jobs .jobs-filter-portal-h11411 {
    inset: auto 0 0 0 !important;
    block-size: var(--jobs-filter-visible-height-r1, 100dvh) !important;
    min-block-size: 0 !important;
    max-block-size: var(--jobs-filter-visible-height-r1, 100dvh) !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__panel,
  body.mobile-app-page-jobs .jobs-filter-portal-h11411__panel[data-mobile-jobs-visible-viewport-panel-r1="1"] {
    flex: 0 0 auto !important;
    inline-size: 100vw !important;
    min-block-size: 0 !important;
    block-size: calc(var(--jobs-filter-visible-height-r1, 100dvh) - 8px) !important;
    max-block-size: calc(var(--jobs-filter-visible-height-r1, 100dvh) - 8px) !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 25px 25px 0 0 !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__handle,
  body.mobile-app-page-jobs .jobs-filter-portal-h11411__panel[data-mobile-jobs-visible-viewport-panel-r1="1"] .jobs-filter-portal-h11411__handle {
    flex: 0 0 auto !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__head,
  body.mobile-app-page-jobs .jobs-filter-portal-h11411__panel[data-mobile-jobs-visible-viewport-panel-r1="1"] .jobs-filter-portal-h11411__head {
    flex: 0 0 auto !important;
    margin-inline: 0 !important;
    padding-inline: 12px !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content,
  body.mobile-app-page-jobs .jobs-filter-portal-h11411__content[data-mobile-jobs-visible-viewport-content-r1="1"] {
    flex: 1 1 auto !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
    padding: 10px 12px 18px !important;
    scrollbar-width: thin !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content form,
  body.mobile-app-page-jobs .jobs-filter-portal-h11411__content[data-mobile-jobs-visible-viewport-content-r1="1"] form {
    min-block-size: 0 !important;
    overflow: visible !important;
    padding-block-end: 8px !important;
  }

  /* Fallback when JS has not moved the action row yet. */
  body.mobile-app-page-jobs .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions {
    position: sticky !important;
    inset-block-end: 0 !important;
    margin-block-start: 10px !important;
  }

  /* Always-visible action footer created by the R1 runtime. */
  body.mobile-app-page-jobs .jobs-filter-portal-h11411__panel > .mobile-jobs-overlay-v19521h2__filter-actions[data-mobile-jobs-fixed-action-footer-r1="1"] {
    position: relative !important;
    inset: auto !important;
    z-index: 30 !important;
    flex: 0 0 auto !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-block-size: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
    display: grid !important;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px)) !important;
    border: 0 !important;
    border-top: 1px solid #dce7f6 !important;
    background: rgba(255,255,255,.985) !important;
    box-shadow: 0 -12px 28px rgba(15,23,42,.10) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-jobs .jobs-filter-portal-h11411__panel > .mobile-jobs-overlay-v19521h2__filter-actions[data-mobile-jobs-fixed-action-footer-r1="1"] > a,
  body.mobile-app-page-jobs .jobs-filter-portal-h11411__panel > .mobile-jobs-overlay-v19521h2__filter-actions[data-mobile-jobs-fixed-action-footer-r1="1"] > button {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    min-block-size: 48px !important;
    block-size: 48px !important;
    max-block-size: 48px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 15px !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body.mobile-app-page-jobs .jobs-filter-portal-h11411__panel > .mobile-jobs-overlay-v19521h2__filter-actions[data-mobile-jobs-fixed-action-footer-r1="1"] > a {
    border: 0 !important;
    color: #475569 !important;
    background: #eef3f9 !important;
  }

  body.mobile-app-page-jobs .jobs-filter-portal-h11411__panel > .mobile-jobs-overlay-v19521h2__filter-actions[data-mobile-jobs-fixed-action-footer-r1="1"] > button {
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1769ff, #0ea5e9) !important;
    box-shadow: 0 10px 22px rgba(23,105,255,.20) !important;
  }

  @media (max-width: 350px) {
    body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__facts {
      grid-template-columns: 1fr !important;
    }
  }
}