/* ============================================================
   新進駐民宿(.nb-sec)
   來源:house.ilantravel.com.tw 首頁同名區塊,完整移植至本站。
   名單由根目錄 hot.json 控制,依檔內順序呈現。
   輪播由 index.php 的 $('.nb-row').slick() 初始化。

   注意本站兩個全域地雷,以下規則刻意覆蓋:
     1) mob/css/main.css  #wrapper{text-align:center}  → .nb-sec 需明寫 text-align:left
     2) 各處 h2 被設為 position:absolute/opacity:0     → .nb-head h2 需還原
   ============================================================ */

.nb-sec{
  padding:2% 5% 0;
  font-family:"Noto Sans TC",system-ui,sans-serif;
  text-align:left;              /* 蓋掉 #wrapper 的 text-align:center */
}
@media screen and (max-width:995px){ .nb-sec{ padding:5% 3% 0 } }
@media screen and (max-width:425px){ .nb-sec{ padding:8% 3% 0 } }

/* 區段標題:images/ihot_title.png(1283×40,右側是裝飾長線)
   保持 h2 語意,圖片維持原生 40px 高不縮放;窄螢幕時由容器裁掉右側裝飾線,
   文字「Hot B&B / 宜蘭hot民宿」永遠是清楚的原尺寸。
   (縮放式的 width:100% 在手機上會把 40px 的字壓成 10px,不可用) */
.nb-head{ margin-bottom:12px; }
.nb-head h2{
  position:static; bottom:auto; left:auto; opacity:1; transition:none;
  margin:0; width:100%; max-width:1283px; height:40px; overflow:hidden;
}
.nb-head h2 img{ display:block; height:40px; width:auto; max-width:none; }

.nb-row{ padding-bottom:8px; }
.nb-row .slick-list{ margin:0 -6px; }
.nb-row .slick-slide{ margin:0 6px; padding:0; }

.nb-card{ background:#fff; border:1px solid #e0d7c4; border-radius:12px; overflow:hidden; text-decoration:none; display:block; float:none; }
.nb-card:hover{ box-shadow:0 10px 24px -14px rgba(21,48,42,.4); text-decoration:none; }

.nb-img{ position:relative; aspect-ratio:4/3; background:#efe7d6; overflow:hidden; }
.nb-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.nb-img span{ position:absolute; left:8px; top:8px; background:#b1842f; color:#fff; font-size:11px; font-weight:700; padding:3px 9px; border-radius:999px; letter-spacing:.06em; }

.nb-body{ padding:10px 12px 12px; }
.nb-name{ font-size:14.5px; font-weight:700; color:#15302a; margin:0 0 3px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nb-town{ font-size:12px; color:#8a8574; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

@media(max-width:520px){ .nb-card{ flex-basis:160px; width:160px } }