/* APP 301 — targeted corrections from QA on device
   1) Restore El Compa widget to a comfortable vertical start position.
   2) Raise only the mascot inside the widget so the plate is visible.
   3) Make Indianapolis feel more "new location" with red neon emphasis.
   4) On individual location pages, hide the old floating order shortcut and use the elegant corner order chip.
   5) Add a final premium polish pass to the access selector.
*/

/* EL COMPA: do not pin the whole card near the very top anymore. */
@media (max-width: 799px){
  html body #comGuide.comGuide:not(.dragging){
    bottom: calc(268px + env(safe-area-inset-bottom,0px)) !important;
  }
}
@media (max-width: 370px){
  html body #comGuide.comGuide:not(.dragging){
    bottom: calc(244px + env(safe-area-inset-bottom,0px)) !important;
  }
}

/* EL COMPA inside the card: lift the mascot so the plate can be seen over the CTA row. */
html body #comGuide .comGuideMascot{
  left: -16px !important;
  bottom: 14px !important;
}
html body #comGuide .comGuideMascot img{
  width: 112px !important;
  height: 140px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 18px rgba(0,0,0,.36)) !important;
}
html body #comGuide .comGuideActions .comGuideCta{
  box-shadow: 0 10px 22px color-mix(in srgb,var(--com-accent) 24%, transparent) !important;
}

/* INDIANAPOLIS on home cards: stronger neon red new-location emphasis. */
html body #locationsGrid .locCard[data-location-id="indianapolis"]{
  border: 3px solid rgba(255,103,119,.96) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.70),
    0 0 0 1px rgba(255,210,214,.34),
    0 0 22px rgba(255,82,104,.70),
    0 0 42px rgba(255,31,72,.44),
    0 0 66px rgba(255,115,52,.18) !important;
}
html body #locationsGrid .locCard[data-location-id="indianapolis"] .new,
html body .eaLocationCard:has(a[href="/indianapolis"]) .eaNewRibbon,
html body .homeLocationCard:has(a[href="/indianapolis"]) .homeLocationNew{
  background: linear-gradient(115deg,#ff5d6b,#e51632 56%,#a50016) !important;
  color: #fff !important;
  border: 1px solid rgba(255,236,239,.92) !important;
  box-shadow:
    0 0 10px rgba(255,86,100,.92),
    0 0 22px rgba(255,40,68,.72),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
  text-shadow: 0 0 10px rgba(255,255,255,.18), 0 0 14px rgba(255,98,120,.36) !important;
  font-weight: 1000 !important;
  letter-spacing: .04em !important;
}

/* Individual location pages: use only the elegant corner shortcut. */
html body.app301-location-route #asn251OrderFloat{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html body.app301-location-route .loc94OrderCorner{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  right: 12px !important;
  top: 76px !important;
  padding: 9px 12px !important;
  border-radius: 17px !important;
  border: 1px solid rgba(255,206,100,.78) !important;
  background: linear-gradient(135deg,rgba(12,12,12,.92),rgba(30,22,12,.86)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.44), 0 0 18px rgba(255,183,51,.18) !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
}
html body.app301-location-route .loc94OrderCorner .loc94Bag{
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  font-size: 22px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 6px 15px rgba(0,0,0,.25) !important;
}
html body.app301-location-route .loc94OrderCorner small,
html body.app301-location-route .loc94OrderCorner em{
  display: none !important;
}
html body.app301-location-route .loc94OrderCorner strong{
  font-size: 11.5px !important;
  letter-spacing: .045em !important;
}
html body.app301-location-route .loc94OrderCorner b{
  color: #ffd35f !important;
  font-size: 15px !important;
}
@media (max-width: 700px){
  html body.app301-location-route .loc94OrderCorner{
    top: 74px !important;
    right: 10px !important;
    padding: 8px 11px !important;
  }
}

/* Access selector: one more premium finish pass. */
html body #asnProfilePanel .asn-web190-sheet{
  background:
    radial-gradient(circle at 14% 0%, rgba(255,193,66,.22), transparent 43%),
    radial-gradient(circle at 100% 100%, rgba(89,165,255,.15), transparent 48%),
    linear-gradient(145deg,#171827,#060b18) !important;
  box-shadow: 0 26px 82px rgba(0,0,0,.74), 0 0 30px rgba(255,191,82,.16) !important;
}
html body #asnProfilePanel .asn-web190-profile > a[data-asn286-auth]{
  overflow: hidden !important;
  position: relative !important;
  transform: translateY(0) !important;
}
html body #asnProfilePanel .asn-web190-profile > a[data-asn286-auth="vip"]{
  box-shadow: inset 0 1px rgba(255,255,255,.25), 0 14px 30px rgba(0,0,0,.40), 0 0 26px rgba(255,170,77,.22) !important;
}
html body #asnProfilePanel .asn-web190-profile > a[data-asn286-auth="agent"]{
  box-shadow: inset 0 1px rgba(255,255,255,.20), 0 14px 30px rgba(0,0,0,.40), 0 0 28px rgba(101,188,255,.22) !important;
}
html body #asnProfilePanel .asn-web190-profile > a[data-asn286-auth]::before{
  filter: drop-shadow(0 0 8px rgba(255,255,255,.08)) !important;
}
html body #asnProfilePanel .asn-web190-profile > a[data-asn286-auth]::after{
  text-shadow: 0 0 8px rgba(255,255,255,.08) !important;
}