/* FloatCommerce RC2.9.13.1 — Admin navigation + mini basket interaction stabilisation */

/*
   Back-office navigation contract:
   - restaurant identity owns a bounded column
   - tab rail owns the remaining width
   - the FIRST tab (Dashboard) is always the left-most visible item
   - if a tenant gains more modules, only the tab rail scrolls horizontally
*/
body.fc-dashboard-page .fc-admin-nav{
  grid-template-columns:minmax(180px,240px) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:end!important;
}
body.fc-dashboard-page .fc-admin-identity{
  min-width:0!important;
  max-width:240px!important;
}
body.fc-dashboard-page .fc-admin-tabs{
  min-width:0!important;
  width:100%!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scroll-behavior:smooth;
  padding:3px 0 5px!important;
}
body.fc-dashboard-page .fc-admin-tabs a{
  flex:0 0 auto!important;
}

/* At narrower desktop/tablet widths, stack identity above tabs before overlap can occur. */
@media (max-width:1399.98px){
  body.fc-dashboard-page .fc-admin-nav{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:10px!important;
  }
  body.fc-dashboard-page .fc-admin-identity{max-width:100%!important}
  body.fc-dashboard-page .fc-admin-tabs{justify-content:flex-start!important}
}

/*
   Slide-out basket Remove control:
   Keep dimensions and position completely stable on hover/focus.
   A subtle colour cue is allowed, but no translate/scale/shadow/layout jump.
*/
.tw-mini-cart-controls .tw-mini-remove{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:64px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--tw-red,#A61E2A)!important;
  box-shadow:none!important;
  transform:none!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:850!important;
  text-decoration:none!important;
  transition:background-color .12s ease,color .12s ease,border-color .12s ease!important;
}
.tw-mini-cart-controls .tw-mini-remove:hover,
.tw-mini-cart-controls .tw-mini-remove:focus,
.tw-mini-cart-controls .tw-mini-remove:active{
  background:#fff3f4!important;
  color:var(--tw-red,#A61E2A)!important;
  border-color:rgba(166,30,42,.18)!important;
  box-shadow:none!important;
  transform:none!important;
  outline:0!important;
}
.tw-mini-cart-controls .tw-mini-remove:focus-visible{
  outline:2px solid rgba(166,30,42,.28)!important;
  outline-offset:2px!important;
}