/* Familiar Booking-style street map presentation. */
.leaflet-tile-pane{filter:none!important}
.leaflet-container{background:#e8edf0!important}
.leaflet-control-zoom{margin:12px!important}
.map-toolbar{min-height:42px!important;padding:9px 14px!important}
.booktel-selected-icon>span{max-width:132px!important;padding:4px 7px!important;border-width:1px!important;border-radius:7px!important;box-shadow:0 5px 11px rgba(7,26,60,.24)!important}.booktel-selected-icon b{display:block;max-width:122px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px!important}.booktel-selected-icon strong{font-size:8px!important}.booktel-selected-icon small{font-size:4px!important}.booktel-selected-icon>i{width:9px!important;height:9px!important;margin:-5px auto 0!important}
.booktel-selected-icon>span{padding:5px 7px!important;border-radius:9px!important;box-shadow:0 7px 15px rgba(7,26,60,.28)!important}.booktel-selected-icon b{max-width:96px!important;font-size:8px!important}.booktel-selected-icon strong{font-size:9px!important}.booktel-selected-icon small{font-size:5px!important}.booktel-selected-icon>i{width:11px!important;height:11px!important}
.booktel-price-icon>a>span{width:210px!important;grid-template-columns:62px minmax(0,1fr)!important;padding:8px!important;min-height:70px!important}.booktel-price-icon>a>span>img{width:56px!important;height:56px!important}.booktel-price-icon>a>span>strong{font-size:11px!important}.booktel-price-icon>a>span>small{font-size:7px!important}

/* Pins near the map's top edge flip their hover card downward instead of
   upward, so it stays inside the map's own clipped frame (see hotel-map.js). */
.booktel-price-icon.popup-flip-down>a>span{bottom:auto!important;top:calc(100% + 9px)!important;transform:translate(-50%,-7px)!important}
.booktel-price-icon.popup-flip-down>a:hover>span,.booktel-price-icon.popup-flip-down>a:focus-visible>span{transform:translate(-50%,0)!important}
.booktel-price-icon.popup-flip-down>a>span::after{top:-6px!important;bottom:auto!important;border:0!important;border-left:1px solid #d7dfe7!important;border-top:1px solid #d7dfe7!important}

/* The rupee symbol in the hover card's price reads as the theme's blue, not green. */
.map-popup-rate>b::first-letter{color:#0b2451!important}

/* Leaflet stacks markers by their screen Y position (an inline z-index), so
   a pin whose card opens toward a pin further down the map would normally
   render behind it. :hover matches the whole marker while any descendant
   (including the card itself) is hovered, so this stays boosted the entire
   time the card is open and beats that inline z-index with !important. */
.booktel-price-icon:hover,.booktel-price-icon:focus-within{z-index:10000!important}
