/* Stage 5 — align live customer UI with the approved draft preview */

/* Header */
.topbar .stage5-private-booking{color:#C6A15B!important;text-decoration:none!important;font-size:8.5px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;white-space:nowrap!important}
.topbar .stage5-private-booking:hover{color:#ead7a9!important}

/* Footer: four actions, 2x2 on mobile */
.footer-action-grid[data-stage5="1"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.footer-action-grid[data-stage5="1"] a{min-width:0!important}
.footer-action-grid[data-stage5="1"] .stage5-private-featured{background:#C6A15B!important;border-color:#e2c67f!important;color:#0F0F10!important}
.footer-action-grid[data-stage5="1"] .stage5-private-featured small{color:#3c2d13!important}
.footer-action-grid[data-stage5="1"] .stage5-whatsapp{background:#0F0F10!important;border-color:#C6A15B!important;color:#C6A15B!important}
.footer-action-grid[data-stage5="1"] .stage5-whatsapp small{color:#b8aa95!important}

/* Live picker: All guests is intentionally removed from the customer UI. */
.picker-flow[data-stage5="1"] .all-guests{display:none!important}
.picker-flow[data-stage5="1"] .picker-option-actions{display:block!important}
.picker-flow[data-stage5="1"] .picker-option .counter{margin-top:auto!important}

@media(max-width:759px){
  .footer-action-grid[data-stage5="1"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .footer-action-grid[data-stage5="1"] a{min-height:43px!important;padding:7px 8px!important}
  .footer-action-grid[data-stage5="1"] span{font-size:9.7px!important}
  .footer-action-grid[data-stage5="1"] small{display:none!important}

  .picker-flow[data-stage5="1"] .picker-body{padding:10px 10px 18px!important}
  .picker-flow[data-stage5="1"] .picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .picker-flow[data-stage5="1"] .picker-option{min-height:104px!important;padding:11px 8px!important;gap:10px!important;text-align:center!important}
  .picker-flow[data-stage5="1"] .picker-option>strong{min-height:34px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:11px!important;line-height:1.3!important;overflow-wrap:anywhere!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .picker-flow[data-stage5="1"] .picker-option .counter{width:100%!important;min-width:0!important;height:34px!important;justify-content:space-between!important;background:#FAF6F0!important}
  .picker-flow[data-stage5="1"] .picker-option .counter button{width:32px!important;min-width:32px!important;height:32px!important}
  .picker-flow[data-stage5="1"] .picker-option .counter span{flex:1!important;min-width:26px!important;text-align:center!important;font-size:12px!important}
}

@media(max-width:390px){
  .picker-flow[data-stage5="1"] .picker-option .counter button{width:30px!important;min-width:30px!important}
  .picker-flow[data-stage5="1"] .picker-option>strong{font-size:10.5px!important}
}

@media(min-width:760px){
  /* Preserve desktop picker proportions while hiding only the obsolete All guests action. */
  .picker-flow[data-stage5="1"] .picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}