/* BHROMI v049 - Home service tiles (Stays / Flights / Packages / ...) now show clearly which one is selected and react the moment you touch them.
   Selected tile = soft grey pill with an inset shadow (like a pressed-in button), darker bolder label. Press = quick squeeze + same pill. */
.is-home .shortcut-card .shortcut-tile:not(#x){
  -webkit-tap-highlight-color:transparent;
  transition:background-color .22s ease,box-shadow .22s ease,transform .16s cubic-bezier(.3,.8,.3,1);
}
.is-home .shortcut-card .shortcut-label:not(#x){transition:color .2s ease,font-weight .2s ease}
/* selected (current) tile */
.is-home .shortcut-card .shortcut-tile[aria-pressed="true"]:not(#x),
.is-home .shortcut-card .shortcut-tile-primary:not(#x){
  background:linear-gradient(180deg,#d6dbe6 0%,#e3e7ef 100%);
  box-shadow:inset 0 3px 7px rgba(16,22,63,.24),inset 0 1px 2px rgba(16,22,63,.14),inset 0 -1px 0 rgba(255,255,255,.95),0 1px 0 rgba(255,255,255,.95);
}
.is-home .shortcut-card .shortcut-tile[aria-pressed="true"] .shortcut-label:not(#x),
.is-home .shortcut-card .shortcut-tile-primary .shortcut-label:not(#x){color:#0b1233;font-weight:700}
.is-home .shortcut-card .shortcut-tile[aria-pressed="true"] .shortcut-icon-circle:not(#x),
.is-home .shortcut-card .shortcut-tile-primary .shortcut-icon-circle:not(#x){color:#050a24!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.85))}
/* finger down / just tapped (tile-anim.js sets data-pop for ~1s, so tiles that open another page still flash) */
.is-home .shortcut-card .shortcut-tile:active:not(#x),
.is-home .shortcut-card .shortcut-tile[data-pop]:not(#x){
  background:linear-gradient(180deg,#d0d6e2 0%,#dfe4ed 100%);
  box-shadow:inset 0 3px 8px rgba(16,22,63,.29),inset 0 1px 2px rgba(16,22,63,.18),inset 0 -1px 0 rgba(255,255,255,.95);
}
.is-home .shortcut-card .shortcut-tile:active:not(#x){transform:scale(.93)}
.is-home .shortcut-card .shortcut-tile:active .shortcut-label:not(#x),
.is-home .shortcut-card .shortcut-tile[data-pop] .shortcut-label:not(#x){color:#0b1233;font-weight:700}
.is-home .shortcut-card .shortcut-tile:focus-visible:not(#x){outline:2px solid #0b5aea;outline-offset:1px}
@media (prefers-reduced-motion:reduce){.is-home .shortcut-card .shortcut-tile:not(#x){transition:none}.is-home .shortcut-card .shortcut-tile:active:not(#x){transform:none}}

/* ---------------------------------------------------------------- bottom bar: same soft-shadow pill as the service tiles (replaces the old blue pill) */
.bh-dk{width:68px;padding:5px 0 4px;border-radius:15px;
  transition:background-color .22s ease,box-shadow .22s ease,transform .16s cubic-bezier(.3,.8,.3,1),color .2s ease}
.bh-dk .bh-dk-ic,.bh-dk.is-on .bh-dk-ic,.bh-dk:active .bh-dk-ic{background:transparent!important;box-shadow:none!important;animation:none!important;transform:none!important}
.bh-dk-ic::after,.bh-dk.bh-tap .bh-dk-ic::after{display:none!important}
.bh-dk.is-on::before{display:none!important}
.bh-dk.is-on{color:#0b1233;
  background:linear-gradient(180deg,#d6dbe6 0%,#e3e7ef 100%);
  box-shadow:inset 0 3px 7px rgba(16,22,63,.24),inset 0 1px 2px rgba(16,22,63,.14),inset 0 -1px 0 rgba(255,255,255,.95),0 1px 0 rgba(255,255,255,.95)}
.bh-dk.is-on .bh-dk-tx{font-weight:700;color:#0b1233}
.bh-dk.is-on .bh-dk-svg{stroke-width:2.4;filter:drop-shadow(0 1px 0 rgba(255,255,255,.85))}
.bh-dk.is-on .bh-dk-av{box-shadow:0 0 0 2px #fff}
.bh-dk:active,.bh-dk.bh-tap{
  background:linear-gradient(180deg,#d0d6e2 0%,#dfe4ed 100%);
  box-shadow:inset 0 3px 8px rgba(16,22,63,.29),inset 0 1px 2px rgba(16,22,63,.18),inset 0 -1px 0 rgba(255,255,255,.95)}
.bh-dk:active{transform:scale(.93);color:#0b1233}
.bh-dk:active .bh-dk-tx{color:#0b1233;font-weight:700}
@media (prefers-reduced-motion:reduce){.bh-dk{transition:none}.bh-dk:active{transform:none}}