/* ============================================================================
   酒店页「过渡区」保底版（可选文件）· v3 对应藏蓝通栏新版式
   ----------------------------------------------------------------------------
   用途：后台「栏目介绍」还没填、又想马上看到过渡区 → 加这个文件。
        它用样式直接在页面上生成，不需要改模板、不需要动后台。

   自动让位：一旦后台填了「栏目介绍」（真内容 .st-comm-introduce 出现），
        本文件会自动隐藏，不会出现「两份过渡区」。两套可以同时挂着。

   加载位置：与 hotel-skin.css 同一目录
   引用顺序：header.css → hotel-skin.css → hotel-intro-fallback.css
            （三行都写在 /usertpl/cl_st15578_m189_header/index.php 里）

   实现说明：纯样式一个 :before/:after 只能出一套字号，所以这里用
        「面包屑的 :after」当卡头（放大标题）+「.recommend 的 :before」当卡身，
        两块拼成一张整卡。接缝处两边都取 #2a3676，所以看不出拼接痕迹。
        局限：卡身里的 4 条要点只能是同一字号，排不成主方案的 4 列网格
        （编号带 / 竖分隔线 / 逐行配色只有主方案有）。
   要完整版式 → 用主方案：后台填「栏目介绍」。不想用了 → 删掉引用那一行。
   ============================================================================ */


/* ══════════ 0. 旧版遗留在面包屑上的胶囊，一律关掉 ══════════ */
.hotel-main .subnav .present:after{display:none !important}

/* 面包屑下边距归零，好让「卡头」和「卡身」紧贴成一张卡
   （用 :not(:has()) 限定：后台一旦填了栏目介绍，这条就不生效） */
.hotel-main .wm-1200:not(:has(.st-comm-introduce)) .subnav{margin-bottom:0 !important}


/* ══════════ 1. 卡头：藏蓝，大标题一行 ══════════ */
.hotel-main .subnav:after{
  content:"西藏酒店预订";
  display:block;
  white-space:pre-line;
  margin:0 !important;
  padding:26px 34px 18px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.16);
  border-radius:20px 20px 0 0;
  background:#2a3676;
  color:#fff;
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",Arial,sans-serif;
  font-size:27px;
  font-weight:800;
  letter-spacing:.5px;
  line-height:1.35;
  text-align:left;
}


/* ══════════ 2. 卡身：同色起头，向下渐深 ══════════ */
/*   换行一律写成六位转义 \00000a。
     注意：不能写 \A01 —— CSS 会把 \A01 当成十六进制转义 U+0A01，
     于是换行凭空消失（01/02/03/04 前面都踩过这个坑）。 */
.hotel-main .recommend:before{
  content:"拉萨 · 林芝 · 山南 · 日喀则 · 阿里\00000a\00000a覆盖西藏主要目的地，可结合你的行程与预算，帮你筛出位置合适的酒店。\00000a\00000a01　跟团游\00000a线路已含指定酒店，无需自行预订；如需升级房型可提前咨询客服。\00000a\00000a02　自由行 / 私家团\00000a可自行挑选位置合适的酒店，也可以只订房、自己安排行程。\00000a\00000a03　价格说明\00000a页面标注为参考起价，实际价格随出发日期与房态变化，最终以预订确认为准。\00000a\00000a04　可搭配服务\00000a酒店可一并安排接送机/站、包车、门票与线路行程，省去分别对接的麻烦。\00000a\00000a拿不准住哪儿合适？把出行日期、人数与大致行程告诉客服（0891-6829322），我们会结合动线给出建议。\00000a\00000a西藏康泰旅行社有限公司 · Tibet Kangtai Travel Service Co., Ltd. · www.tibetkt.com";
  display:block;
  white-space:pre-line;
  margin:0 0 34px;
  padding:20px 34px 26px;
  border:0;
  border-radius:0 0 20px 20px;
  background:linear-gradient(180deg,#2a3676 0%,#29357f 40%,#1b2461 100%);
  box-shadow:0 20px 44px -14px rgba(27,36,97,.45);
  color:rgba(255,255,255,.68);
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC",Arial,sans-serif;
  font-size:13px;
  line-height:2.05;
  text-align:left;
}


/* ══════════ 3. 窄屏 ══════════ */
@media (max-width:768px){
  .hotel-main .subnav:after{
    padding:22px 20px 15px;
    border-radius:16px 16px 0 0;
    font-size:21px;
  }
  .hotel-main .recommend:before{
    padding:16px 20px 20px;
    border-radius:0 0 16px 16px;
    margin-bottom:24px;
  }
}


/* ══════════ 4. 后台填了「栏目介绍」后，自动隐藏上面这版 ══════════ */
.hotel-main .st-comm-introduce + .recommend:before{display:none !important}
.hotel-main .wm-1200:has(.st-comm-introduce) .recommend:before{display:none !important}
.hotel-main .wm-1200:has(.st-comm-introduce) .subnav:after{display:none !important}