/* Osool Royal Menu V46.2 — final management fixes.
   1) persistent animated cart at every gateway phase
   2) stable +/- controls in cards and cart
   3) premium gateway choice cards */

/* Persistent cart: never let legacy responsive rules or gateway phase hide it. */
.osrm11.osrm11-direct-menu .osrm11-mobile-cart.osrm44-floating-cart,
.osrm11.osrm11-direct-menu.os360-smart-gateway .osrm11-mobile-cart.osrm44-floating-cart,
.osrm11.osrm11-direct-menu.os360-gateway-open .osrm11-mobile-cart.osrm44-floating-cart,
.osrm11.osrm11-direct-menu[data-os360-gateway-phase="entry"] .osrm11-mobile-cart.osrm44-floating-cart,
.osrm11.osrm11-direct-menu[data-os360-gateway-phase="context"] .osrm11-mobile-cart.osrm44-floating-cart,
.osrm11.osrm11-direct-menu[data-os360-gateway-phase="open"] .osrm11-mobile-cart.osrm44-floating-cart{
  display:flex!important;position:fixed!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  left:max(14px,env(safe-area-inset-left))!important;right:auto!important;top:auto!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;transform:none!important;z-index:2147482400!important;
}
@media(max-width:640px){
  .osrm11.osrm11-direct-menu .osrm11-mobile-cart.osrm44-floating-cart,
  .osrm11.osrm11-direct-menu.os360-smart-gateway .osrm11-mobile-cart.osrm44-floating-cart{
    left:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
}

/* Product-card quantity: explicit LTR control order prevents RTL bidi from swapping/clipping + and -. */
.osrm11.osrm11-direct-menu .osrm46-card .osrm15-card-order{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important;
}
.osrm11.osrm11-direct-menu .osrm46-card .osrm15-card-order > .osrm15-qty{
  display:grid!important;direction:ltr!important;unicode-bidi:isolate!important;grid-template-columns:34px 34px 34px!important;
  width:102px!important;min-width:102px!important;height:40px!important;overflow:hidden!important;flex:0 0 102px!important;
  border:1px solid #d7c5b3!important;border-radius:999px!important;background:linear-gradient(155deg,#fffaf2,#eee1d4)!important;
  box-shadow:0 3px 0 #d3c1ae,0 6px 10px rgba(75,59,42,.08)!important;
}
.osrm11.osrm11-direct-menu .osrm46-card .osrm15-qty button{
  display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:38px!important;min-height:38px!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#46502f!important;
  font:900 20px/1 Arial,sans-serif!important;box-shadow:none!important;transform:none!important;
}
.osrm11.osrm11-direct-menu .osrm46-card .osrm15-qty-value{
  display:grid!important;place-items:center!important;width:34px!important;height:38px!important;color:#424725!important;
  font:900 14px/1 'Cairo',Tahoma,Arial,sans-serif!important;text-align:center!important;
}
.osrm11.osrm11-direct-menu .osrm46-card .osrm15-simple-add::before{display:none!important}
.osrm11.osrm11-direct-menu .osrm46-card .osrm15-simple-add{min-width:58px!important;padding-inline:12px!important}

/* Mobile cards: keep the +/- control readable without damaging the horizontal card. */
@container osool-menu (max-width:700px){
  .osrm11.osrm11-direct-menu .osrm46-card .osrm11-card-foot{grid-template-columns:1fr!important;align-items:start!important;gap:8px!important}
  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-card-order{width:100%!important;justify-content:flex-start!important;margin:0!important}
  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-card-order > .osrm15-qty{grid-template-columns:31px 32px 31px!important;width:94px!important;min-width:94px!important;flex-basis:94px!important;height:38px!important}
  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-qty button{width:31px!important;min-width:31px!important;height:36px!important;min-height:36px!important;font-size:19px!important}
  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-qty-value{width:32px!important;height:36px!important;font-size:13px!important}
  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-simple-add{height:38px!important;min-height:38px!important;min-width:56px!important;color:#fff!important;font-size:10px!important;padding:8px 10px!important}
}
@supports not (container-type:inline-size){
  @media(max-width:700px){
    .osrm11.osrm11-direct-menu .osrm46-card .osrm11-card-foot{grid-template-columns:1fr!important;gap:8px!important}
    .osrm11.osrm11-direct-menu .osrm46-card .osrm15-card-order{width:100%!important;justify-content:flex-start!important}
  }
}

/* Cart modal quantity: fixed three-cell control, fully visible at every width. */
.osrm24-cart-qty{
  direction:ltr!important;unicode-bidi:isolate!important;display:grid!important;grid-template-columns:36px 38px 36px!important;
  width:110px!important;min-width:110px!important;max-width:110px!important;height:40px!important;overflow:hidden!important;
}
.osrm24-cart-qty button{display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;height:38px!important;padding:0!important;margin:0!important;line-height:1!important}
.osrm24-cart-qty span{display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;text-align:center!important;direction:ltr!important}
@media(max-width:700px){
  .osrm24-cart-qty{grid-template-columns:32px 34px 32px!important;width:98px!important;min-width:98px!important;max-width:98px!important;height:38px!important}
  .osrm24-cart-qty button{width:32px!important;min-width:32px!important;height:36px!important;font-size:19px!important}
  .osrm24-cart-qty span{width:34px!important;min-width:34px!important;height:36px!important;font-size:13px!important}
}

/* Smart Gateway: clean premium cards, no emoji-style visuals. */
.os360-gateway{max-width:980px!important;padding:26px 24px 24px!important;border-radius:28px!important;background:linear-gradient(145deg,#fffdf8,#f7ecdf)!important;box-shadow:0 18px 48px rgba(62,66,39,.10)!important}
.os360-gateway-choices{max-width:760px!important;gap:16px!important;margin-top:4px!important}
.os360-gateway-choices>a,
.os360-gateway-choices>button{
  position:relative!important;display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  align-items:center!important;column-gap:16px!important;row-gap:4px!important;min-height:122px!important;padding:22px 22px!important;
  border:1px solid rgba(100,105,70,.20)!important;border-radius:24px!important;background:linear-gradient(155deg,#fffdf9,#fbf4ea)!important;
  color:#46502f!important;text-align:right!important;box-shadow:0 7px 0 rgba(216,199,179,.70),0 17px 28px rgba(66,69,43,.09)!important;overflow:hidden!important;
}
.os360-gateway-choices>a::before,
.os360-gateway-choices>button::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#7b8558,#4d5930);opacity:.9}
.os360-gateway-choices>a::after,
.os360-gateway-choices>button::after{content:"←";position:absolute;left:18px;bottom:15px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef1e5;color:#56613a;font:900 15px/1 Arial,sans-serif}
.os360-gateway-icon{grid-row:1/3!important;display:grid!important;place-items:center!important;width:68px!important;height:68px!important;border-radius:22px!important;background:linear-gradient(145deg,#eff2e7,#e1e7d5)!important;color:#56613a!important;border:1px solid rgba(100,105,70,.13)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.85)!important;font-size:0!important}
.os360-gateway-icon svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.os360-gateway-choices strong{align-self:end!important;color:#414a2a!important;font-size:18px!important;font-weight:950!important;line-height:1.4!important}
.os360-gateway-choices small{align-self:start!important;color:#7d7566!important;font-size:11px!important;font-weight:650!important;line-height:1.65!important;padding-left:30px!important}
.os360-gateway-choices>a:hover,.os360-gateway-choices>a:focus-visible,
.os360-gateway-choices>button:hover,.os360-gateway-choices>button:focus-visible{transform:translateY(-3px)!important;border-color:#7d8757!important;box-shadow:0 8px 0 rgba(191,176,154,.76),0 22px 34px rgba(66,69,43,.14)!important}
@media(max-width:720px){
  .os360-gateway{margin:10px!important;padding:20px 14px!important;border-radius:22px!important}
  .os360-gateway-choices{grid-template-columns:1fr!important;gap:12px!important}
  .os360-gateway-choices>a,.os360-gateway-choices>button{grid-template-columns:58px minmax(0,1fr)!important;min-height:96px!important;padding:16px 15px!important;border-radius:19px!important;column-gap:12px!important}
  .os360-gateway-icon{width:58px!important;height:58px!important;border-radius:18px!important}
  .os360-gateway-icon svg{width:29px;height:29px}
  .os360-gateway-choices strong{font-size:16px!important}
  .os360-gateway-choices small{font-size:10px!important;padding-left:25px!important}
  .os360-gateway-choices>a::after,.os360-gateway-choices>button::after{left:12px;bottom:12px;width:23px;height:23px;font-size:13px}
}