/* BHROMI — hotel details: phone fixes (nothing cut off, nothing hidden, no duplicates).
   Loaded LAST so it overrides the pixel-fixed mock-up sizes with fluid ones.
   Delete this file + its <link> in index.html to go back. */

/* never let the page scroll sideways */
.bhd.bhd-main{max-width:100%;overflow-x:clip}

/* duplicate: review count was shown next to the star badge AND in the rating card -> keep only the card */
.bhd.bhd-main .bhd-title .bhd-mrv{display:none}
.bhd.bhd-main .bhd-title .bhd-meta:not(:has(.bhd-spill)){display:none}

/* ── amenity strip: was a fixed one-row strip that cut the 4th item. Now a wrapping 2-column grid ── */
.bhd.bhd-main .bhd-quick{height:auto;min-height:41.7px;padding:2px 6px;overflow:visible;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch}
.bhd.bhd-main .bhd-quick .bhd-q{height:auto;min-height:40px;padding:5px 6px;gap:9px;min-width:0}
.bhd.bhd-main .bhd-quick .bhd-q+.bhd-q{padding-left:6px;border-left:0}
.bhd.bhd-main .bhd-quick .bhd-q:nth-child(even){padding-left:12px;border-left:1px solid #D9E3F2}
.bhd.bhd-main .bhd-quick .bhd-q:nth-child(n+3){border-top:1px solid #D9E3F2}
.bhd.bhd-main .bhd-quick .bhd-qt b,.bhd.bhd-main .bhd-quick .bhd-qt span{white-space:normal;overflow-wrap:anywhere;line-height:1.3}

/* ── rating card: fixed 232px sub-score block pushed things off-screen. Now fluid ── */
.bhd.bhd-main .bhd-rate{height:auto;min-height:54px;padding:8px;flex-wrap:nowrap;gap:0}
.bhd.bhd-main .bhd-rate .bhd-score{margin-right:10px}
.bhd.bhd-main .bhd-rate .bhd-rt{flex:0 1 auto;min-width:0;padding-right:10px}
.bhd.bhd-main .bhd-rate .bhd-rt b{white-space:nowrap}
.bhd.bhd-main .bhd-rate .bhd-rt span{font-size:12px;line-height:1.3;white-space:nowrap}
.bhd.bhd-main .bhd-rate .bhd-subs{flex:1 1 0;width:auto;min-width:0;height:auto;padding-left:10px;gap:6px}
.bhd.bhd-main .bhd-rate .bhd-sub{height:40px;min-width:0;padding:0 2px}
.bhd.bhd-main .bhd-rate .bhd-sub small{white-space:nowrap;font-size:11px}
@media (max-width:370px){
  .bhd.bhd-main .bhd-rate{flex-wrap:wrap;row-gap:8px}
  .bhd.bhd-main .bhd-rate .bhd-rt{flex:1 1 0}
  .bhd.bhd-main .bhd-rate .bhd-subs{flex:1 1 100%;border-left:0;padding-left:0;border-top:1px solid #D5E0F2;padding-top:8px}
}

/* ── tabs: always all 5 visible, no clipping ── */
.bhd.bhd-main .bhd-tabs{padding:0 4px;overflow-x:auto;scrollbar-width:none}
.bhd.bhd-main .bhd-tabs::-webkit-scrollbar{display:none}
.bhd.bhd-main .bhd-tabs .bhd-tab{flex:1 1 auto}
.bhd.bhd-main .bhd-tabs .bhd-tab span{padding:0 8px}

/* ── floating "Select Room" pill: sat on top of the tabs. Lower it, away from the tab row ── */
.bhd-pick{bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.bhd-sum.nobar{bottom:calc(10px + env(safe-area-inset-bottom,0px))}

/* ── room card: highlights / facilities / occupancy were fixed-width and overlapped ── */
.bhd-v-hl{grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}
.bhd-v-hl>div{height:auto;min-height:56px;padding:6px 4px}
.bhd-v-hl b{overflow-wrap:anywhere}
.bhd-zm .bhd-v-fg,.bhd-v-fg{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));justify-content:stretch;column-gap:8px;row-gap:6px}
.bhd-zm .bhd-v-fg>div,.bhd-v-fg>div{white-space:normal;min-width:0;line-height:1.25;align-items:flex-start;padding-top:2px}
.bhd-zm .bhd-v-oc,.bhd-v-oc{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.bhd-zm .bhd-v-oc>div,.bhd-v-oc>div{height:auto;min-height:51px;padding:6px 9px;justify-content:flex-start}
.bhd-zm .bhd-v-oc b,.bhd-v-oc b{white-space:normal}

/* ── About (hotel intro) now sits right under "What's Nearby", above the tabs ── */
.bhd.bhd-main .bhd-top .bhd-about{margin:8px 13.4px 0;padding:12px 13px 11px;box-sizing:border-box;background:#fff;border:1px solid #E6ECF6;border-radius:12.5px;box-shadow:none}
.bhd.bhd-main .bhd-top .bhd-about h2{margin:0 0 7px;font-size:15px;line-height:20px;font-weight:800;color:#030A50}
.bhd.bhd-main .bhd-top .bhd-about .bhd-hd-m{gap:6px;margin:0 0 9px}
.bhd.bhd-main .bhd-top .bhd-about .bhd-hd-m span{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#EAF1FC;font-size:12px;line-height:16px;color:#4C5878}
.bhd.bhd-main .bhd-top .bhd-about p{font-size:13px;line-height:20px;color:#4A5570;-webkit-line-clamp:4}
.bhd.bhd-main .bhd-top .bhd-about p.open{-webkit-line-clamp:unset}

/* ── tabs: ROOMS / WHAT'S NEARBY / FACILITIES / POLICY / REVIEWS, plain uppercase style ── */
.bhd.bhd-main .bhd-tabs{justify-content:space-between;padding:0 6px}
.bhd.bhd-main .bhd-tabs .bhd-tab{flex:0 0 auto;text-transform:uppercase;letter-spacing:.2px;color:#3A4756}
.bhd.bhd-main .bhd-tabs .bhd-tab span{padding:0 7px;font-size:11px;font-weight:500;white-space:nowrap}
.bhd.bhd-main .bhd-tabs .bhd-tab.on,.bhd.bhd-main .bhd-tabs .bhd-tab.on span{color:#02095A}
.bhd.bhd-main .bhd-tabs .bhd-tab.on span{font-size:11px;font-weight:800}
.bhd.bhd-main .bhd-tabs.spy .bhd-ind{background:#02095A;height:3px}

/* ── calmer top section: only the essentials, more breathing room ──
   Amenities already live in the Facilities tab and sub-scores in Reviews, so they are not repeated here. */
.bhd.bhd-main .bhd-top .bhd-quick{display:none}
.bhd.bhd-main .bhd-rate .bhd-subs{display:none}

.bhd.bhd-main .bhd-title .bhd-loc{margin-top:8px;height:auto}
.bhd.bhd-main .bhd-tags{margin-top:12px}

/* rating: one clean row  [3.9 out of 5]  Very good · 2,105 Reviews  >  */
.bhd.bhd-main .bhd-rate{margin-top:14px;min-height:62px;padding:10px 12px;justify-content:flex-start}
.bhd.bhd-main .bhd-rate .bhd-rt{flex:1 1 auto;padding-right:0}
.bhd.bhd-main .bhd-rate .bhd-rt b{font-size:15px;line-height:22px}
.bhd.bhd-main .bhd-rate .bhd-rt span{font-size:13px}
.bhd.bhd-main .bhd-rate .bhd-chev{display:block;flex:none;width:20px;height:20px;color:#1456E0;opacity:.8}

/* nearby + about: more air between cards */
.bhd.bhd-main .bhd-top .bhd-hl{margin-top:14px;padding:10px 14px 8px}
.bhd.bhd-main .bhd-hl .bhd-hl-top+.bhd-hl-r{margin-top:6px}
.bhd.bhd-main .bhd-top .bhd-about{margin-top:14px;margin-bottom:14px;padding:14px 14px 12px}
.bhd.bhd-main .bhd-top .bhd-about p{-webkit-line-clamp:3}
.bhd.bhd-main .bhd-top .bhd-about p.open{-webkit-line-clamp:unset}

/* ── room card: ONE clear price. Total is the big number; per-night + taxes are small notes ── */
.bhd-yr-r{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;gap:1px}
.bhd-yr-r .bhd-yr-tl{font-size:12px;font-weight:600;color:#5A6482}
.bhd-yr-r b.bhd-yr-tot{font-size:26px;line-height:1.2;font-weight:800;color:#0B1470;letter-spacing:-.5px}
.bhd-yr-r .bhd-yr-ps{font-size:12px;line-height:1.35;color:#6B7490}
.bhd-yr-b{align-items:center}
@media (max-width:370px){.bhd-yr-r b.bhd-yr-tot{font-size:23px}}

/* ── clean room card: photos → name → bed/guests → View Room Details → few facilities → rate ── */
.bhd-rc-lnk{margin:2px 0 0;padding:0 2px}
.bhd-rc-lnk button{border:0;background:none;padding:6px 0;font-size:14px;font-weight:700;color:#1456E0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bhd-rc-few{margin:2px 2px 8px;font-size:13.5px;font-weight:700;color:#D92D20}
.bhd-v-card.rfp{background:none;box-shadow:none;padding:2px 2px 6px}
.rfp .bhd-v-fg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;padding:0}
.rfp .bhd-v-fg>div{min-height:0;font-size:13.5px;color:#3A4663;align-items:center}
.rfp .bhd-v-fg svg{color:#1456E0;width:16px;height:16px}
.rfp-all{border:0;background:none;padding:10px 0 2px;font-size:14px;font-weight:700;color:#1456E0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Room Details popup */
.rdm-bg{position:fixed;inset:0;z-index:2000;background:rgba(10,18,50,.5);display:flex;align-items:flex-end;justify-content:center;overscroll-behavior:contain}
.rdm{width:100%;max-width:520px;max-height:88%;background:#fff;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 30px rgba(10,18,50,.25)}
.rdm-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#EEF3FA;flex:none}
.rdm-h h3{margin:0;font-size:18px;font-weight:800;color:#0B1470}
.rdm-x{width:36px;height:36px;border:0;border-radius:10px;background:#fff;color:#0B1470;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(10,20,60,.15)}
.rdm-sc{overflow-y:auto;padding:14px 18px calc(24px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.rdm-n{margin:0 0 4px;font-size:20px;font-weight:800;color:#0B1470}
.rdm-s{margin:0 0 10px;font-size:14px;color:#5A6482}
.rdm-rows{border-top:1px solid #E5ECF7;margin-top:8px}
.rdm-r{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #EEF2F9;font-size:14px;color:#5A6482}
.rdm-r b{color:#0B1470;font-weight:700;text-align:right}
.rdm-fh{margin:20px 0 4px;font-size:18px;font-weight:800;color:#0B1470}
.rdm-g h5{margin:16px 0 8px;font-size:15px;font-weight:800;color:#0B1470}
.rdm-g ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.rdm-g li{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;line-height:1.35;color:#3A4663}
.rdm-g li svg{flex:none;margin-top:2px;color:#1456E0}

/* ── Facilities tab: short items sit in 2 columns (no empty right side); long sentences stay 1 column; bigger text ── */
#bhd-sec-facilities .bhd-fg-l{display:block;padding:12px;border-radius:10px}
#bhd-sec-facilities .bhd-fg-l.nop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:8px}
#bhd-sec-facilities .bhd-fg-l li{align-items:flex-start;gap:8px;min-height:0;font-size:13.5px;line-height:1.3;font-weight:500;color:#3A4663;white-space:normal}
#bhd-sec-facilities .bhd-fg-l:not(.nop) li+li{margin-top:8px}
#bhd-sec-facilities .bhd-fg-l li span{overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#bhd-sec-facilities .bhd-fg-ck{width:15px;height:15px;margin-top:1px}
#bhd-sec-facilities .bhd-fg-h{height:auto;min-height:24px}
#bhd-sec-facilities .bhd-fg-h h3{font-size:15.5px;white-space:normal}
#bhd-sec-facilities .bhd-pf,#bhd-sec-facilities .bhd-fg{padding:14px 12px 12px;margin-top:10px}

/* ===== v4.18 — guest review entry on the hotel page (Ratings & Reviews) ===== */
.bhd-rv-empty{margin:14px 14px 0;padding:14px 12px;border:1px dashed #C9D6F2;border-radius:12px;background:#F7F9FF;color:#5A6482;font-size:13.5px;line-height:19px;text-align:center;overflow-wrap:anywhere}
.bhd-rva{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 10px;margin:12px 14px 2px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:18px;text-align:center;min-width:0;overflow-wrap:anywhere}
.bhd-rva svg{flex:none}
.bhd-rva-n{background:#F4F6FD;border:1px solid #E1E8F7;color:#5A6482}
.bhd-rva-l{display:inline-flex;align-items:center;min-height:32px;padding:0 4px;font-weight:700;color:#1456E0;text-decoration:none}
.bhd-rva-l:hover{text-decoration:underline}
.bhd-rva-ok{gap:6px;background:#EAF7F0;border:1px solid #CBEBD9;color:#14703F;font-weight:600}
.bhd-rva-b{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:calc(100% - 28px);min-height:46px;margin:14px 14px 2px;padding:0 14px;border:0;border-radius:12px;background:#0B1470;color:#fff;font:700 15px/1 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bhd-rva-b:active{background:#02095A}
.bhd-rva-b:disabled{opacity:.6;cursor:default}
.bhd-rva-s{margin:10px 14px 0;font-size:12.5px;line-height:18px;color:#5A6482;text-align:center;overflow-wrap:anywhere}
/* review form sheet (re-uses the confirmation page ReviewForm; sizes below replace its mock-up scaling) */
.bhd-rvf{position:fixed;inset:0;z-index:320;display:flex;align-items:flex-end;justify-content:center;background:rgba(2,9,90,.45);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.bhd-rvf-s{box-sizing:border-box;width:100%;max-width:480px;max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:18px 18px 0 0;padding:0 14px calc(env(safe-area-inset-bottom,0px) + 18px)}
.bhd-rvf-h{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;margin:0 -14px;padding:14px 14px 10px;background:#fff;border-bottom:1px solid #E6ECF7}
.bhd-rvf-h b{flex:1;min-width:0;font-size:15px;line-height:20px;font-weight:700;color:#5A6482;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bhd-rvf-x{flex:none;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#EEF3FD;color:#0B1470;cursor:pointer}
.bhd-rvf .bcf-review{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin:14px 0 0;padding:0;border:0;border-radius:0;background:none}
.bhd-rvf .bcf-review h3{margin:0;font-size:18px;line-height:24px;font-weight:800;color:#02095A}
.bhd-rvf .bcf-rate{display:flex;gap:8px}
.bhd-rvf .bcf-rate button{flex:1 1 0;min-width:0;height:44px;padding:0;border:0;border-radius:10px;background:#EEF3FD;color:#0B1470;font:700 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
.bhd-rvf .bcf-rate button.on{background:#0B1470;color:#fff}
.bhd-rvf .bcf-review input,.bhd-rvf .bcf-review textarea{box-sizing:border-box;width:100%;padding:12px;border:1.5px solid #D5DFF3;border-radius:10px;background:#fff;color:#0B1470;font:400 16px/22px Inter,system-ui,sans-serif;resize:vertical}
.bhd-rvf .bcf-review input:focus,.bhd-rvf .bcf-review textarea:focus{outline:0;border-color:#1456E0;box-shadow:0 0 0 3px rgba(20,86,224,.15)}
.bhd-rvf .bcf-submit{height:48px;border:0;border-radius:12px;background:#1456E0;color:#fff;font:700 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
.bhd-rvf .bcf-submit:disabled{opacity:.5;cursor:default}

/* Select Room button: same yellow look as the Filter button */
.bhd-pick{background:linear-gradient(145deg,#FFD23F,#FFB400);color:#06064a;font-weight:800;border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 16px rgba(255,180,0,.45),0 2px 5px rgba(6,6,74,.18),inset 0 1px 0 rgba(255,255,255,.65)}
.bhd-pick svg{color:#06064a}
.bhd-pick:focus-visible{outline:3px solid rgba(6,6,74,.35);outline-offset:2px}

/* ===== Summary floating button: match site (yellow, like Filter / Select Room) ===== */
.bhd-sum{background:linear-gradient(145deg,#FFD23F,#FFB400);color:#06064a;font-weight:800;border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 16px rgba(255,180,0,.45),0 2px 5px rgba(6,6,74,.18),inset 0 1px 0 rgba(255,255,255,.65)}
.bhd-sum.mini{box-shadow:0 6px 16px rgba(255,180,0,.45),0 2px 5px rgba(6,6,74,.18),inset 0 1px 0 rgba(255,255,255,.65)}
.bhd-sum-e{background:#06064a;color:#fff}
.bhd-sum.mini .bhd-sum-e{background:transparent;color:#06064a}
.bhd-sum-e svg{color:inherit}
.bhd-sum:focus-visible{outline:3px solid rgba(6,6,74,.35);outline-offset:2px}

/* ===== Pricing Summary popup: match site look ===== */
.bhd-sm-bg{background:rgba(6,6,74,.55)}
.bhd-sm{background:#F5F8FF;border:1.5px solid #CFDCF7;border-radius:20px;box-shadow:0 18px 48px rgba(6,6,74,.32)}
.bhd-sm-h{height:56px;padding:0 20px;background:linear-gradient(135deg,#06064a,#0B1B6B);border-bottom:3px solid #FFD23F}
.bhd-sm-h h3{font-size:18px;font-weight:800;letter-spacing:.2px}
.bhd-sm-b{padding:16px 16px 0}
.bhd-sm-ad{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:12px;background:#EDF1F8;font-size:12.5px;font-weight:700;color:#4A5878;text-align:left}
.bhd-sm-b>.bhd-sm-ad{display:block;width:max-content}
.bhd-sm-c{background:#fff;border:1.5px solid #CFDCF7;border-radius:14px;box-shadow:0 2px 8px rgba(6,6,74,.06)}
.bhd-sm-ci b{color:#06064a;font-weight:800}
.bhd-sm-op{color:#5B6783;font-weight:600}
.bhd-sm-ci strong,.bhd-sm-tt strong{color:#0B1B6B;font-weight:800}
.bhd-sm-tx,.bhd-sm-tt span{color:#5B6783}
.bhd-sm-rm{background:#FDECEA;color:#D92D20}
.bhd-sm-f{border-top:1px solid #E3E9F5}
.bhd-sm-go{min-height:46px;padding:0;border-radius:12px;background:linear-gradient(145deg,#FFD23F,#FFB400);color:#06064a;font-weight:800;font-size:16px;box-shadow:0 6px 16px rgba(255,180,0,.4),inset 0 1px 0 rgba(255,255,255,.65)}
.bhd-sm-go:active{background:linear-gradient(145deg,#FFC21A,#F5A700)}