/*
  SaloCart V5.2.32 — Simple Shopper Shortcut Menu
  Purpose: A calm, easy-to-read six-action menu. The old Action Hub carried
  too much status copy inside each card. This final layer keeps one icon,
  one label, and optional count badge only.
*/

.shopper-shortcut-menu.shopper-shortcut-menu--simple{
  margin-top:16px;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--sc-line) 88%,transparent);
  border-radius:22px;
  background:var(--sc-surface);
  box-shadow:0 10px 26px rgba(21,57,39,.045);
}
.shopper-shortcut-menu--simple .shopper-shortcut-menu__heading{
  display:block;
  margin:0 0 14px;
  padding:0;
  border:0;
}
.shopper-shortcut-menu--simple .shopper-shortcut-menu__heading .section-kicker{
  margin:0 0 3px;
  font-size:.7rem;
}
.shopper-shortcut-menu--simple .shopper-shortcut-menu__heading h2{
  margin:0;
  color:var(--sc-ink);
  font-size:1.08rem;
  font-weight:820;
  letter-spacing:-.018em;
  line-height:1.2;
}
.shopper-shortcut-menu--simple .shopper-command-nav{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  width:100%;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.shopper-shortcut-menu--simple .shopper-command-item{
  display:flex;
  min-width:0;
  min-height:80px;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 10px;
  overflow:hidden;
  border:1px solid var(--sc-line);
  border-radius:16px;
  background:var(--sc-surface);
  box-shadow:none;
  color:var(--sc-ink);
  font-family:var(--font-ui);
  text-align:left;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.shopper-shortcut-menu--simple .shopper-command-item::before,
.shopper-shortcut-menu--simple .shopper-command-item__copy,
.shopper-shortcut-menu--simple .shopper-command-item__title-row,
.shopper-shortcut-menu--simple .shopper-command-item__hint,
.shopper-shortcut-menu--simple .shopper-command-item__footer,
.shopper-shortcut-menu--simple .shopper-command-item__chevron{display:none!important;}
.shopper-shortcut-menu--simple .shopper-command-item:hover,
.shopper-shortcut-menu--simple .shopper-command-item:focus-visible{
  border-color:color-mix(in srgb,currentColor 42%,var(--sc-line));
  background:color-mix(in srgb,currentColor 6%,var(--sc-surface));
  box-shadow:0 8px 18px color-mix(in srgb,currentColor 9%,transparent);
  outline:none;
  transform:translateY(-1px);
}
.shopper-shortcut-menu--simple .shopper-command-item:active{transform:scale(.985);}
.shopper-shortcut-menu--simple .shopper-command-item__icon{
  position:relative;
  display:grid;
  width:42px;
  height:42px;
  flex:0 0 42px;
  place-items:center;
  border-radius:13px;
  background:var(--sc-surface-alt);
  color:var(--sc-green);
  font-size:1.06rem;
  line-height:1;
}
.shopper-shortcut-menu--simple .shopper-command-item__icon b{
  position:absolute;
  top:-7px;
  right:-7px;
  display:grid;
  min-width:19px;
  height:19px;
  place-items:center;
  padding:0 5px;
  border:2px solid var(--sc-surface);
  border-radius:999px;
  background:var(--sc-coral);
  color:#fff;
  font-size:.58rem;
  font-style:normal;
  font-variant-numeric:tabular-nums;
  font-weight:850;
  line-height:1;
}
.shopper-shortcut-menu--simple .shopper-command-item__label{
  display:block;
  min-width:0;
  overflow:hidden;
  color:currentColor;
  font-family:var(--font-ui);
  font-size:.82rem;
  font-weight:790;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
}
.shopper-shortcut-menu--simple .shopper-command-item.tone-today{color:var(--sc-green);}
.shopper-shortcut-menu--simple .shopper-command-item.tone-today .shopper-command-item__icon{background:var(--sc-mint);color:var(--sc-green);}
.shopper-shortcut-menu--simple .shopper-command-item.tone-deals{color:var(--sc-blue);}
.shopper-shortcut-menu--simple .shopper-command-item.tone-deals .shopper-command-item__icon{background:var(--sc-blue-soft);color:var(--sc-blue);}
.shopper-shortcut-menu--simple .shopper-command-item.tone-cart{color:#A75E0B;}
.shopper-shortcut-menu--simple .shopper-command-item.tone-cart .shopper-command-item__icon{background:#FFF1DA;color:#B96D17;}
.shopper-shortcut-menu--simple .shopper-command-item.tone-orders{color:#4E69A1;}
.shopper-shortcut-menu--simple .shopper-command-item.tone-orders .shopper-command-item__icon{background:#EDF2FF;color:#5272B3;}
.shopper-shortcut-menu--simple .shopper-command-item.tone-messages{color:#A9455B;}
.shopper-shortcut-menu--simple .shopper-command-item.tone-messages .shopper-command-item__icon{background:#FCECEF;color:#C94D63;}
.shopper-shortcut-menu--simple .shopper-command-item.tone-rewards{color:#6450A9;}
.shopper-shortcut-menu--simple .shopper-command-item.tone-rewards .shopper-command-item__icon{background:#F0ECFF;color:#6A55B5;}

@media(max-width:1199.98px){
  .shopper-shortcut-menu--simple .shopper-command-nav{grid-template-columns:repeat(3,minmax(0,1fr));}
  .shopper-shortcut-menu--simple .shopper-command-item{min-height:76px;}
}
@media(max-width:767.98px){
  .shopper-shortcut-menu.shopper-shortcut-menu--simple{margin-top:13px;padding:14px;border-radius:19px;}
  .shopper-shortcut-menu--simple .shopper-shortcut-menu__heading{margin-bottom:11px;}
  .shopper-shortcut-menu--simple .shopper-shortcut-menu__heading h2{font-size:1rem;}
  .shopper-shortcut-menu--simple .shopper-command-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .shopper-shortcut-menu--simple .shopper-command-item{min-height:68px;justify-content:flex-start;padding:11px;}
}
@media(max-width:359.98px){
  .shopper-shortcut-menu.shopper-shortcut-menu--simple{padding:10px;border-radius:17px;}
  .shopper-shortcut-menu--simple .shopper-command-nav{gap:7px;}
  .shopper-shortcut-menu--simple .shopper-command-item{min-height:62px;gap:8px;padding:9px;}
  .shopper-shortcut-menu--simple .shopper-command-item__icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:.94rem;}
  .shopper-shortcut-menu--simple .shopper-command-item__label{font-size:.75rem;}
}
html[data-theme="dark"] .shopper-shortcut-menu.shopper-shortcut-menu--simple{
  border-color:var(--sc-line);
  background:var(--sc-surface);
}
html[data-theme="dark"] .shopper-shortcut-menu--simple .shopper-command-item{border-color:var(--sc-line);background:var(--sc-surface);}
html[data-theme="dark"] .shopper-shortcut-menu--simple .shopper-command-item.tone-cart .shopper-command-item__icon{background:#3B2A18;color:#FFC377;}
html[data-theme="dark"] .shopper-shortcut-menu--simple .shopper-command-item.tone-orders .shopper-command-item__icon{background:#252F4A;color:#ADC8FF;}
html[data-theme="dark"] .shopper-shortcut-menu--simple .shopper-command-item.tone-messages .shopper-command-item__icon{background:#392329;color:#FFACB5;}
html[data-theme="dark"] .shopper-shortcut-menu--simple .shopper-command-item.tone-rewards .shopper-command-item__icon{background:#30274A;color:#C3B5FF;}
@media(prefers-reduced-motion:reduce){
  .shopper-shortcut-menu--simple .shopper-command-item{transition:none!important;}
}