/* V22 — site-wide spacing and hover finish for colored labels, counters and badges. */
:where(.tab-count,.global-plus,.search-status-number,.group-code,.group-status-badge,.group-admin-secondary-stats>div,.booking-mode-disabled-status,.section-number,.date-option-status,.jasmine-gift-badge,.form-group-total-count,.confirmation-bank-label,.confirmation-bank-number,.confirmation-bank-blessing,.confirmation-summary-label,.detail-label,.code-label,.responses-scroll-label,.table-scroll-label,.announcement-label,.jasmine-like>span,.range-state-badge,.capacity-current,.reservation-code-label,span[class*="badge"],small[class*="badge"],strong[class*="badge"],label[class*="badge"]){
  box-sizing:border-box;
  padding:6px 11px!important;
  border-radius:9px!important;
  line-height:1.45;
  vertical-align:middle;
  transition:transform .2s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease,background-color .22s ease;
}
@media (hover:hover) and (pointer:fine){
  :where(.tab-count,.global-plus,.search-status-number,.group-code,.group-status-badge,.group-admin-secondary-stats>div,.booking-mode-disabled-status,.section-number,.date-option-status,.jasmine-gift-badge,.form-group-total-count,.confirmation-bank-label,.confirmation-bank-number,.confirmation-bank-blessing,.confirmation-summary-label,.detail-label,.code-label,.responses-scroll-label,.table-scroll-label,.announcement-label,.jasmine-like>span,.range-state-badge,.capacity-current,.reservation-code-label,span[class*="badge"],small[class*="badge"],strong[class*="badge"],label[class*="badge"]):hover{
    transform:translateY(-1px);
    filter:brightness(1.08);
    box-shadow:0 5px 16px rgba(230,189,102,.16),0 0 12px rgba(230,189,102,.09);
  }
}
:where(.tab-count,.global-plus,.search-status-number,.group-code,.group-status-badge,.group-admin-secondary-stats>div,.booking-mode-disabled-status,.section-number,.date-option-status,.jasmine-gift-badge,.form-group-total-count,.confirmation-bank-label,.confirmation-bank-number,.confirmation-bank-blessing,.confirmation-summary-label,.detail-label,.code-label,.responses-scroll-label,.table-scroll-label,.announcement-label,.jasmine-like>span,.range-state-badge,.capacity-current,.reservation-code-label,span[class*="badge"],small[class*="badge"],strong[class*="badge"],label[class*="badge"]):focus-visible{
  outline:2px solid rgba(242,217,154,.85);
  outline-offset:2px;
}

/* Booking-type cards: a clear lift and warm edge glow without expensive full-card animation. */
.booking-mode-card{
  padding:28px 22px!important;
  border-radius:18px!important;
  transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s ease,box-shadow .28s ease,filter .28s ease!important;
}
.booking-mode-card:before{animation-duration:6s!important}
.booking-mode-card:after{border-radius:16px!important}
.booking-mode-card:not(:disabled):not(.is-booking-closed):hover,
.booking-mode-card:not(:disabled):focus-visible{
  transform:translateY(-4px) scale(1.008)!important;
  border-color:rgba(255,231,165,.92)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.4),0 0 28px rgba(230,189,102,.2),inset 0 1px rgba(255,255,255,.08)!important;
  filter:brightness(1.055);
}
.booking-mode-card:not(:disabled):hover .booking-mode-icon,
.booking-mode-card:focus-visible .booking-mode-icon{
  border-color:rgba(242,217,154,.65)!important;
  box-shadow:0 0 25px rgba(230,189,102,.2),inset 0 0 16px rgba(230,189,102,.09)!important;
}
.booking-mode-card:disabled:hover,.booking-mode-card.is-booking-closed:hover{transform:none!important;filter:saturate(.72)!important}

/* The summary number cards remain balanced on desktop and mobile. */
.fixed-global-stats,.tab-active-stats,.group-admin-total-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.fixed-global-stats .stat,.tab-active-stats .stat,.group-admin-total-stat{
  min-width:0!important;
  padding:18px 16px!important;
  border-radius:14px!important;
}
.tab-active-stats .active-tab-stat strong,.group-admin-total-stat strong{
  display:block;
  margin-top:7px;
  font-size:clamp(24px,3vw,34px);
  line-height:1.35;
  color:#ffe7a7;
  text-shadow:0 0 12px rgba(230,189,102,.4),0 0 24px rgba(230,189,102,.18);
  font-variant-numeric:tabular-nums;
}
.tab-active-stats .active-tab-stat{
  border-color:rgba(230,189,102,.34)!important;
  background:linear-gradient(145deg,rgba(42,34,19,.86),rgba(15,14,12,.92))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)!important;
}
.group-admin-total-summary{margin:0 0 12px}
.group-admin-total-stat{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:100px;
  border:1px solid rgba(230,189,102,.34);
  background:linear-gradient(145deg,rgba(42,34,19,.86),rgba(15,14,12,.94));
  box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05);
  text-align:center;
}
.group-admin-total-stat small{color:#d7c59a;font-size:clamp(12px,1vw + 8px,15px);line-height:1.7}
.group-admin-total-stat strong{font-weight:950}
@media(max-width:520px){
  .fixed-global-stats,.tab-active-stats,.group-admin-total-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .fixed-global-stats .stat,.tab-active-stats .stat,.group-admin-total-stat{padding:13px 9px!important;min-height:92px}
  .tab-active-stats .active-tab-stat strong,.group-admin-total-stat strong{font-size:clamp(22px,6.8vw,30px)}
}
@media(prefers-reduced-motion:reduce){
  .booking-mode-card,.booking-mode-card:before,.booking-mode-card:after,:where(.tab-count,.global-plus,.search-status-number,.group-code,.group-status-badge,.booking-mode-disabled-status,.section-number,.date-option-status,.jasmine-gift-badge,.form-group-total-count,.confirmation-bank-label,.confirmation-bank-number,.confirmation-summary-label,.detail-label,.code-label,.responses-scroll-label,.table-scroll-label){transition:none!important;animation:none!important}
}


/* V22 — compact status chips and highlight labels use a soft rectangular shape. */
.group-admin-secondary-stats>div,.announcement-label,.jasmine-like>span,.confirmation-bank-blessing,.range-state-badge,.capacity-current,.reservation-code-label{
  padding:8px 14px!important;
  border-radius:9px!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .22s ease,border-color .22s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .group-admin-secondary-stats>div:hover,.announcement-label:hover,.jasmine-like>span:hover,.confirmation-bank-blessing:hover,.range-state-badge:hover,.capacity-current:hover,.reservation-code-label:hover:hover{
    transform:translateY(-1px);
    filter:brightness(1.08);
    box-shadow:0 6px 18px rgba(230,189,102,.16),0 0 12px rgba(230,189,102,.09);
  }
}
@media(prefers-reduced-motion:reduce){
  .group-admin-secondary-stats>div,.announcement-label,.jasmine-like>span,.confirmation-bank-blessing,.range-state-badge,.capacity-current,.reservation-code-label{transition:none!important}
}


/* V25 — grouped reservation contribution chips attached to the two fixed global totals. */
.global-group-chip{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:31px;padding:5px 10px!important;border:1px solid rgba(224,181,91,.52);border-radius:10px!important;background:linear-gradient(145deg,rgba(104,75,27,.5),rgba(35,27,13,.9));color:#ffe4a0;font-size:clamp(12px,1.1vw,15px);font-weight:950;line-height:1.25;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(255,216,132,.55);box-shadow:0 3px 12px rgba(0,0,0,.2),0 0 12px rgba(230,189,102,.1),inset 0 1px rgba(255,255,255,.07);white-space:nowrap;cursor:default;transition:transform .2s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}
@media(hover:hover) and (pointer:fine){.global-group-chip:hover{transform:translateY(-2px);filter:brightness(1.12);border-color:rgba(255,224,148,.9);box-shadow:0 6px 16px rgba(0,0,0,.25),0 0 18px rgba(230,189,102,.24),inset 0 1px rgba(255,255,255,.1)}}
.global-group-chip:focus-visible{outline:2px solid rgba(255,225,151,.9);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.global-group-chip{transition:none}.global-group-chip:hover{transform:none}}


/* V26 — label the group contribution and replace hover movement/scale with light-only feedback. */
.global-group-chip{gap:6px;min-width:72px;padding:6px 11px!important;transform:none!important;transition:color .22s ease,background .25s ease,border-color .22s ease,box-shadow .25s ease,filter .22s ease!important}
.global-group-chip::after{content:"گروهی";display:inline-block;color:#fff0bd;font-size:.88em;font-weight:900;text-shadow:0 0 7px rgba(255,220,139,.8),0 0 14px rgba(230,189,102,.48);letter-spacing:0}
@media(hover:hover) and (pointer:fine){
  .global-group-chip:hover{transform:none!important;filter:brightness(1.16) saturate(1.12)!important;border-color:rgba(255,231,166,.98)!important;background:linear-gradient(145deg,rgba(139,101,35,.66),rgba(48,35,13,.96))!important;box-shadow:0 0 0 2px rgba(230,189,102,.08),0 0 22px rgba(230,189,102,.34),inset 0 0 16px rgba(255,224,150,.1)!important}
}
/* Project-wide hover feedback: no scale or vertical lift; use glow, tint and border instead. */
@media(hover:hover) and (pointer:fine){
  :where(button:not(:disabled),a,[role="button"],.stat,.booking-mode-card,.group-reservation-card,.group-action,.group-admin-total-stat,.admin-welcome,.welcome-continue,.welcome-eyebrow,.reservation-code,.date-option,.slot-option):hover{transform:none!important}
  :where(.stat,.booking-mode-card,.group-reservation-card,.group-action,.group-admin-total-stat,.admin-welcome,.welcome-continue,.welcome-eyebrow,.reservation-code,.date-option,.slot-option):hover{filter:brightness(1.07) saturate(1.08)}
  :where(.booking-mode-card,.group-reservation-card,.group-admin-total-stat,.admin-welcome,.welcome-continue,.reservation-code):hover{box-shadow:0 0 0 1px rgba(230,189,102,.12),0 0 22px rgba(230,189,102,.2),inset 0 0 18px rgba(230,189,102,.045)!important;border-color:rgba(255,222,151,.72)!important}
}
@media(prefers-reduced-motion:reduce){.global-group-chip{transition:none!important}}