/* BHROMI — floating Summary pill + Pricing Summary modal (hotel details) */
.bhd-sum,.bhd-sm-bg{font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--sg:#12A150;--sg-d:#0C8540;--sg-bg:#E8F7EE}
.bhd-sum{position:fixed;z-index:61;right:max(12px,calc((100vw - 430px)/2 + 12px));bottom:calc(100px + env(safe-area-inset-bottom,0px));min-height:40px;padding:0;border:0;border-radius:20px;display:flex;align-items:stretch;overflow:hidden;background:var(--sg);color:#fff;font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13.5px;font-weight:700;line-height:1.35;letter-spacing:.15px;box-shadow:0 6px 18px rgba(12,133,64,.36);cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform;animation:bhdsin .5s cubic-bezier(.22,1,.36,1) both;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.bhd-sum:active{transform:scale(.95)}
.bhd-sum-t{display:grid;grid-template-columns:1fr;align-items:center;padding:0 11px 0 16px;opacity:1;transition:grid-template-columns .5s cubic-bezier(.65,0,.35,1),padding .5s cubic-bezier(.65,0,.35,1),opacity .28s ease .08s}
.bhd-sum-t>span{display:block;min-width:0;overflow:hidden;white-space:nowrap}
.bhd-sum-e{display:flex;align-items:center;justify-content:center;width:42px;background:var(--sg-d);transition:background .4s ease,width .5s cubic-bezier(.65,0,.35,1)}
.bhd-sum-e svg{transition:transform .5s cubic-bezier(.65,0,.35,1)}
.bhd-sum.mini{box-shadow:0 5px 14px rgba(12,133,64,.34)}
.bhd-sum.mini .bhd-sum-t{grid-template-columns:0fr;padding:0;opacity:0;transition:grid-template-columns .5s cubic-bezier(.65,0,.35,1),padding .5s cubic-bezier(.65,0,.35,1),opacity .18s ease}
.bhd-sum.mini .bhd-sum-e{width:42px;background:var(--sg)}
.bhd-sum.mini .bhd-sum-e svg{transform:rotate(-12deg)}
@keyframes bhdsin{from{opacity:0;transform:translateX(26px) scale(.9)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bhd-sum,.bhd-sum *{animation:none!important;transition:none!important}}
.bhd-sm-bg,.bhd-sm-bg button,.bhd-sm-bg h3,.bhd-sm-bg p,.bhd-sm-bg a{font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.bhd-sm-bg{position:fixed;inset:0;z-index:80;background:rgba(11,26,56,.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:11.5px;animation:bhdsf .18s ease}
.bhd-sm{width:100%;max-width:407px;max-height:92vh;display:flex;flex-direction:column;background:#EBF4FE;border-radius:8px;overflow:hidden;box-shadow:0 16px 44px rgba(10,27,46,.35);animation:bhdsu .22s ease}
@keyframes bhdsf{from{opacity:0}to{opacity:1}}
@keyframes bhdsu{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.bhd-sm-h{flex:none;display:flex;align-items:center;height:51px;padding:0 16px;background:#0043AB;color:#fff}
.bhd-sm-h h3{margin:0;font-size:20px;line-height:26px;font-weight:700;letter-spacing:0;color:#fff}
.bhd-sm-b{flex:1 1 auto;min-height:0;overflow-y:auto;padding:15.3px 14.5px 0}
.bhd-sm-ad{margin:0 0 17.2px;text-align:center;font-size:15px;line-height:20px;font-weight:400;color:#0A1A63}
.bhd-sm-e{margin:0;padding:38px 0 0;min-height:204px;text-align:center;font-size:15px;font-weight:600;color:#000037}
.bhd-sm-ls{min-height:204px;display:flex;flex-direction:column;gap:10px}
.bhd-sm-c{position:relative;background:#fff;border-radius:8px;padding:8px 52px 10px 16px}
.bhd-sm-ci{display:flex;flex-direction:column;align-items:flex-start}
.bhd-sm-ci b{font-size:16px;line-height:22px;font-weight:700;color:#000}
.bhd-sm-op{margin-top:3.9px;font-size:15px;line-height:20px;font-weight:400;color:#545A74}
.bhd-sm-ci strong{margin-top:9.1px;font-size:21.7px;line-height:1.35;font-weight:700;color:#00278B}
.bhd-sm-tx{margin-top:2px;font-size:14.5px;line-height:20px;font-weight:400;color:#404969}
.bhd-sm-rm{position:absolute;right:12.5px;top:40px;width:27px;height:27px;padding:0;border:0;border-radius:50%;background:#FEE8EA;color:#FD1613;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bhd-sm-rm svg{width:16px;height:16px;stroke-width:2.8}
.bhd-sm-f{flex:none;margin:0 14.5px;padding:16px 0 14px;border-top:1px solid #D3DDEC;display:flex;flex-direction:column;align-items:stretch}
.bhd-sm-tt{display:flex;flex-direction:column;align-items:center;margin-bottom:10.5px;text-align:center}
.bhd-sm-tt strong{font-size:21.7px;line-height:1.35;font-weight:700;color:#00278B}
.bhd-sm-tt span{margin-top:3.1px;font-size:14.5px;line-height:20px;font-weight:400;color:#505770}
.bhd-sm-go{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:42.5px;padding:0 0 2px;border:0;border-radius:7px;background:#0057D7;color:#fff;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bhd-sm-go:active{background:#0048B3}
.bhd-sm-e+.bhd-sm-f{padding-top:14px}

/* no room selected -> bottom bar hidden, so drop the summary button down */
.bhd-sum.nobar{bottom:calc(24px + env(safe-area-inset-bottom,0px))}

/* One-tap "Select Room": shown while the guest is still in the top part of the page
   and no room is chosen yet. Jumps straight to Available Rooms. Once a room is
   picked, the normal Summary button + bottom price bar take over. */
.bhd-pick{position:fixed;z-index:61;left:50%;transform:translateX(-50%);bottom:calc(34px + env(safe-area-inset-bottom,0px));
  display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 15px;border:0;border-radius:17px;
  background:#0a1b63;color:#fff;font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13px;font-weight:700;line-height:1.35;
  box-shadow:0 4px 12px rgba(10,27,99,.28);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:bhd-pick-in .25s ease-out}
.bhd-pick:active{transform:translateX(-50%) scale(.96)}
.bhd-pick svg{width:14px;height:14px}
@keyframes bhd-pick-in{from{opacity:0;transform:translateX(-50%) translateY(12px)}}

/* v1.023 — smaller Summary pill */
.bhd-sum{min-height:32px;border-radius:16px;font-size:12px;letter-spacing:.1px;box-shadow:0 4px 12px rgba(12,133,64,.32)}
.bhd-sum-t{padding:0 8px 0 12px}
.bhd-sum-e{width:32px}
.bhd-sum.mini .bhd-sum-e{width:32px}
.bhd-sum-e svg{width:13px;height:13px}

/* v056: when scrolled down, the Select Room pill stays visible and its arrow points up (tap = back to rooms) */
.bhd-pick svg { transition: transform .2s ease; }
.bhd-pick.up svg { transform: rotate(180deg); }
