/* 酒店接送範圍查詢（2026-09-09）：疊在 map/Hotel_pickup_area.php 的地圖上。
   放在畫面下緣而不是上緣——上緣已經有縮放鈕、標題膠囊、關閉鈕，而且手機下緣比較好按。
   配色沿用站上的色票，狀態只用兩色：在範圍內＝墨綠（--lotus 系）、超出＝橘。 */
.hc-wrap{
  /* 固定在視窗，不用 absolute——#map_wrap 會比視窗寬，absolute 會讓面板被切掉右半 */
  position:fixed; left:8px; right:8px; bottom:44px; z-index:1000;
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.hc-panel{
  max-width:520px; margin:0 auto; background:#fff; border-radius:16px;
  /* 陰影完全不偏移，否則下緣看起來比較厚 */
  box-shadow:0 0 18px rgba(28,42,46,.26); overflow:hidden;
}
/* 上下間距一律由 .hc-form 的 padding 決定：把面板直接子元素可能帶進來的 margin 全部歸零
   （使用者 2026-09-09 連續三次回報上下不一致；量到的 DOM 是對稱的，所以改成不依賴診斷的寫法，
   任何來自瀏覽器預設或外部樣式表的 margin 都吃不進來）。 */
.hc-panel>*{margin:0 !important}
.hc-list:empty,.hc-result:empty{display:none !important;border:0 !important;padding:0 !important;height:0 !important}
.hc-form{display:flex; align-items:center; gap:8px; padding:10px}
.hc-input{
  flex:1 1 auto; min-width:0; height:44px; margin:0; padding:0 12px;
  border:1px solid #E4DED4; border-radius:11px; background:#F8F6F1;
  color:#1C2A2E; font-size:16px; line-height:1.4; box-sizing:border-box; outline:0;
}
.hc-input::placeholder{color:#9AA0A3}
.hc-input:focus{border-color:#F26A00; background:#fff}
.hc-btn{
  flex:0 0 auto; height:44px; padding:0 18px; border:0; border-radius:11px;
  background:#F26A00; color:#fff; font-size:15px; font-weight:700; cursor:pointer;
}
.hc-btn:disabled{opacity:.5; cursor:default}

/* 建議清單 */
.hc-list{list-style:none; margin:0; padding:0; max-height:44vh; overflow-y:auto; border-top:1px solid #EFEBE3}
.hc-list:empty{display:none}
.hc-item{
  display:flex; align-items:baseline; gap:8px; padding:11px 14px; cursor:pointer;
  border-bottom:1px solid #F2EFE9; line-height:1.45;
}
.hc-item:last-child{border-bottom:0}
.hc-item:hover,.hc-item.hc-on{background:#F8F6F1}
.hc-item b{font-weight:600; font-size:14.5px; color:#1C2A2E}
.hc-item span{font-size:12.5px; color:#6B7376}
.hc-item .hc-tag{margin-left:auto; flex:0 0 auto; font-size:11.5px; color:#178F94}

/* 查詢結果 */
/* 結果卡：左邊圖示、右邊文字。:empty 那條在後面，沒有結果時仍會整塊隱藏 */
.hc-result{display:flex; align-items:flex-start; gap:10px;
  padding:13px 15px; border-top:1px solid #EFEBE3; font-size:14px; line-height:1.6; color:#1C2A2E}
.hc-text{min-width:0}
.hc-ico{flex:0 0 auto; margin-top:2px; font-size:19px; line-height:1.2}
.hc-yes .hc-ico{color:#178F94}
.hc-result:empty{display:none}
.hc-result b{display:block; font-size:15.5px; margin-bottom:2px}
.hc-result .hc-sub{color:#6B7376; font-size:13px}
.hc-yes b{color:#178F94}
.hc-no b{color:#F26A00}
.hc-none b{color:#1C2A2E}
.hc-result a{color:#178F94}

/* 找到的酒店在地圖上的標記 */
.hc-pin{
  width:16px; height:16px; margin:-8px 0 0 -8px; border-radius:50%;
  background:#F26A00; border:3px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,.4);
}

@media (max-width:380px){
  .hc-btn{padding:0 13px; font-size:14px}
}

/* 隱藏地圖右下角那行「古蹟內『聽』解說？試試『吳哥古蹟導遊 App』吧！」（使用者 2026-09-09 要求）。
   它是 Leaflet attribution 的前綴，設定在 mr-angkor.com 的共用函式庫 Angkor_Site_Map-src.js
   （變數 _Angkor_prefix），兩個網站的地圖都吃同一份，所以不能改那支檔；改成只在有載入這份
   樣式的兩個接送範圍地圖頁隱藏。圖磚圖層本來就沒有宣告 attribution，這一列除了那則宣傳沒有
   別的內容，整個控制項一起隱藏視覺才乾淨。 */
.Angkor_Site_Map_CopyRight,
.Angkor_Site_Map-control-attribution{display:none !important}

/* 隱藏左下角的指北針（使用者 2026-09-09 要求）。.Map_North_Point_ICO 定義在 mr-angkor.com 的
   共用樣式表 Angkor_Site_Map.css，兩站共用不能改，所以只在有載入本檔的兩個地圖頁隱藏。 */
.Map_North_Point_ICO{display:none !important}

/* 「酒店接送範圍」標註（2026-09-09）。它是 Leaflet 的 tooltip（Map_Init.js 的 Area_Popup 用
   bindTooltip、permanent:true、className 為 Angkor_Site_Map_Area-tooltip-own），不是 popup。
   底圖改成與站上「三步驟」那種卡片同一套（使用者 2026-09-09 指定）：白底、14px 圓角、
   1px 淺色細框、柔和陰影，沒有 Leaflet 預設的小箭頭。文字用墨色，與卡片標題一致。
   tooltip 的 opacity 是 Leaflet 寫在 style 屬性上的，要用 !important 蓋掉。 */
.Angkor_Site_Map-tooltip.Angkor_Site_Map_Area-tooltip-own{
  opacity:1 !important;
  background:#fff !important;
  border:1px solid #E4DED4 !important;
  border-radius:14px !important;
  box-shadow:0 2px 14px rgba(28,42,46,.14) !important;
  padding:9px 16px !important;
  color:#1C2A2E; font-size:14.5px; font-weight:400; line-height:1.4; /* 一般字重（2026-09-09 使用者指定，原 700） */
  letter-spacing:.02em; white-space:nowrap; text-shadow:none;
}
/* Leaflet 預設在 tooltip 下緣畫的小箭頭 */
.Angkor_Site_Map-tooltip.Angkor_Site_Map_Area-tooltip-own::before{display:none !important}