/* ===== 机票酒店购票网 · 全站移动端适配（≤768px） ===== */
@media (max-width:768px){

  /* ---------- 基础防溢出 ---------- */
  html,body{overflow-x:clip}
  img,svg,video,canvas{max-width:100%}
  button,input,select,textarea{font-size:16px} /* 防 iOS 聚焦自动放大 */

  /* ---------- uitk grid：桌面 by-* 修饰布局移动端强制单列 ---------- */
  .uitk-layout-grid-has-areas-by-medium,
  .uitk-layout-grid-has-areas-by-large,
  .uitk-layout-grid-has-areas-by-extra_large,
  .uitk-layout-grid-has-columns-by-medium,
  .uitk-layout-grid-has-columns-by-large,
  .uitk-layout-grid-has-columns-by-extra_large{
    grid-template-areas:none!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .uitk-layout-grid-item-has-column-start-by-medium,
  .uitk-layout-grid-item-has-column-start-by-large,
  .uitk-layout-grid-item-has-column-start-by-extra_large,
  .uitk-layout-grid-item-has-column-end-by-medium,
  .uitk-layout-grid-item-has-column-end-by-large,
  .uitk-layout-grid-item-has-column-end-by-extra_large{
    grid-column:auto/auto!important;
  }
  .uitk-layout-grid-item{min-width:0}

  /* ---------- 租车等表单的 max-content+1fr 两列 grid：移动端单列 ---------- */
  .uitk-layout-grid[style*="--uitk-layoutgrid-columns:max-content minmax"]{
    grid-template-columns:minmax(0,1fr)!important;row-gap:8px;
  }
  .uitk-layout-grid[style*="--uitk-layoutgrid-columns:max-content minmax"] > *{
    grid-column:auto/auto!important;min-width:0!important;
  }
  /* 该 grid 内的 flex 行全宽 */
  .uitk-layout-grid[style*="--uitk-layoutgrid-columns:max-content minmax"] .uitk-layout-flex-flex-direction-row{width:100%}

  /* ---------- 表单内横向 flex 字段组：允许换行防重叠 ---------- */
  form.uitk-form .uitk-layout-flex-flex-wrap-nowrap{flex-wrap:wrap!important;row-gap:8px}
  form.uitk-form .uitk-layout-flex-item{min-width:0}

  /* ---------- 所有 grid/卡片内联 height 塌陷修复（SSR 骨架残留） ---------- */
  .uitk-layout-grid[style*="height"]{height:auto!important;min-height:0!important}
  .uitk-card[style*="height"],.card-custom-appearance[style*="height"]{height:auto!important;min-height:0!important}
  [data-stid="search-form-sticky"] .uitk-layout-grid-has-areas,
  form.uitk-form .uitk-layout-grid-has-areas{
    grid-template-areas:none!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  [data-stid="search-form-sticky"] .uitk-layout-grid-item,
  form.uitk-form .uitk-layout-grid-item{
    grid-area:auto!important;grid-column:auto/auto!important;grid-row:auto/auto!important;
  }

  /* ---------- 搜索面板标签栏：可横向滑动 ---------- */
  [role="tablist"],.egds-tabs-custom,.egds-tabs{
    overflow-x:auto!important;flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  [role="tablist"]::-webkit-scrollbar,.egds-tabs-custom::-webkit-scrollbar{display:none}
  [role="tablist"]>*{flex:0 0 auto}

  /* ---------- 头部导航紧凑化（防重叠） ---------- */
  header .uitk-button{padding-left:6px!important;padding-right:6px!important}
  header .uitk-layout-flex{min-width:0}
  header nav ul,.global-navigation nav ul{overflow-x:auto;scrollbar-width:none}
  header nav ul::-webkit-scrollbar{display:none}
  .global-navigation-row-container{min-width:0}
  /* 小屏 USD 按钮只留国旗图标（隐藏 USD 文字） */
  header [data-stid="button-type-picker-trigger"]{font-size:0!important;padding:0 4px!important;gap:2px!important;min-width:0!important}
  header [data-stid="button-type-picker-trigger"] svg{width:18px!important;height:18px!important}
  header [data-stid="button-type-picker-trigger"] span{font-size:0!important}
  header .uitk-header-brand-logo img{max-width:100px}

  /* ---------- 轮播/日期价格条：容器内横滑不外溢 ---------- */
  .uitk-carousel{overflow-x:auto!important}
  ul:has(> .uitk-date-range-button-wrapper-natural),
  ol:has(> .uitk-date-range-button-wrapper-natural){
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;
  }
  ul:has(> .uitk-date-range-button-wrapper-natural)::-webkit-scrollbar,
  ol:has(> .uitk-date-range-button-wrapper-natural)::-webkit-scrollbar{display:none}
  .uitk-date-range-button-wrapper-natural{flex:0 0 auto!important}

  /* ---------- 住宿分段控件：等分不截断 ---------- */
  .lodging-segmented-controls{display:flex!important;width:100%!important}
  .lodging-segmented-controls__group{display:flex!important;flex:1 1 0!important;min-width:0!important;width:100%!important}
  .lodging-segmented-controls__group>*{flex:1 1 0!important;min-width:0!important}
  .lodging-segmented-controls label{min-width:0!important}
  .lodging-segmented-controls label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}

  /* ---------- Hotel-Search 主区：侧栏+结果 单列堆叠 ---------- */
  .uitk-layout-grid:has(> .uitk-layout-grid-item [data-stid="property-listing-results"]){
    grid-template-columns:minmax(0,1fr)!important;
  }
  .uitk-layout-grid:has(> .uitk-layout-grid-item [data-stid="property-listing-results"]) > .uitk-layout-grid-item{
    grid-column:auto/auto!important;
  }
  [data-stid="property-listing-results"] img{object-fit:cover}

  /* ---------- 结果卡片内部布局 ---------- */
  .uitk-card .uitk-layout-flex{min-width:0}
  .uitk-layout-flex-item{min-width:0}

  /* ---------- 弹窗/抽屉适配 ---------- */
  .uitk-dialog,[role="dialog"]{max-width:96vw!important}
  .uitk-menu{max-width:92vw}

  /* ---------- 页脚链接列堆叠 ---------- */
  footer .uitk-layout-grid{grid-template-columns:minmax(0,1fr)!important}

  /* ---------- 航班搜索表单：字段纵向堆叠（原 flex-basis 624px 写死） ---------- */
  #flight_search_form .uitk-layout-flex-flex-wrap-nowrap{flex-wrap:wrap!important}
  #flight_search_form .uitk-layout-flex-item[style*="flex-basis"]{flex-basis:100%!important;min-width:0!important}
  #flight_search_form .uitk-input-swapper{flex-wrap:wrap!important}
  #flight_search_form .uitk-input-swapper-start-input,#flight_search_form .uitk-input-swapper-end-input{width:100%!important;flex:1 1 100%!important}
  #flight_search_form button[type="submit"],#flight_search_form .uitk-button{width:100%;margin-top:4px}

  /* ---------- 客服按钮位置 ---------- */
  #chatFab,.chat-fab{right:14px!important;bottom:14px!important}

  /* ---------- 横幅 absolute 文字层：图片被压扁时文字溢出修复 ---------- */
  .EditorialBanner .uitk-image-ratio-4-1{padding-top:45%!important} /* 4:1 → 2.2:1 */
  div:has(> .uitk-layout-position-absolute[style*="height: inherit"]){min-height:120px}
  .uitk-layout-position-absolute[style*="height: inherit"]{height:auto!important;min-height:100px}
  .uitk-layout-position-absolute[style*="height: inherit"] .uitk-type-700{font-size:20px!important;line-height:1.2!important}
  .uitk-layout-position-absolute[style*="height: inherit"] .uitk-type-500{font-size:13px!important;line-height:1.3!important}

  /* ---------- 频道页超大 H2 限制 ---------- */
  .uitk-type-style-display-large,.uitk-type-style-display-medium{font-size:clamp(24px,7vw,40px)!important;line-height:1.15!important}

  /* ---------- 表格防溢出 ---------- */
  table{max-width:100%}
}

/* 小屏（≤480px）补充 */
@media (max-width:480px){
  h1,.uitk-heading-2{word-break:break-word}
  .uitk-button-large{min-height:48px}
  /* 头部更紧凑：隐藏 USD 文字只留图标区可点 */
  header [data-stid="button-type-picker-trigger"]{font-size:12px!important;padding:0 4px!important}
}