/* EatsOne V7.46 | personal / group order controls unified with original order.html
   Pure presentation. Preserve data-ordering-* and groupbuy controls, plus hidden/state logic.
   This layer loads AFTER V7.45, and is limited to ordinary order.php (not KOL).
*/
body.order-front-v7 .order-reference-intro-v744 > .ordering-mode-v233 {
  --mode-accent:#554134!important;
  --mode-tint:#fffdf9!important;
  position:relative!important;
  top:auto!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px 17px!important;
  min-width:0!important;
  padding:17px 32px 18px!important;
  margin:0!important;
  border:0!important;
  border-top:1px solid #e7ddd2!important;
  border-radius:0 0 12px 12px!important;
  box-shadow:none!important;
  background:#fffdf9!important;
}
body.order-front-v7 .order-reference-intro-v744 > .ordering-mode-v233[hidden] {display:none!important}
/* Subtle two-way switch: single rail, no green blocks or stray borders */
body.order-front-v7 .order-reference-intro-v744 .ordering-switch-v233 {
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:3px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:4px!important;
  border:0!important;
  border-radius:9px!important;
  background:#eee6dd!important;
  box-shadow:none!important;
}
body.order-front-v7 .order-reference-intro-v744 .ordering-switch-v233 > button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  min-width:90px!important;
  margin:0!important;
  padding:8px 14px!important;
  border:0!important;
  outline:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#78695e!important;
  box-shadow:none!important;
  font:600 13px/1.4 "Noto Sans TC","PingFang TC",sans-serif!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
body.order-front-v7 .order-reference-intro-v744 .ordering-switch-v233 > button[aria-pressed="true"] {
  background:#554134!important;
  color:#fff!important;
  box-shadow:0 2px 6px rgba(66,48,35,.13)!important;
}
body.order-front-v7 .order-reference-intro-v744 .ordering-switch-v233 > button:hover:not([aria-pressed="true"]) {
  background:rgba(255,255,255,.65)!important;
  color:#554134!important;
}
body.order-front-v7 .order-reference-intro-v744 .ordering-switch-v233 > button:focus-visible {
  outline:2px solid #c38b5a!important;
  outline-offset:2px!important;
}
/* Consistent title and secondary copy. Nothing competes with product UI. */
body.order-front-v7 .order-reference-intro-v744 .ordering-current-v233 {
  display:flex!important;
  flex:1 1 300px!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
  order:0!important;
  background:transparent!important;
}
body.order-front-v7 .order-reference-intro-v744 .ordering-current-v233 > strong {
  display:block!important;
  margin:0!important;
  padding:0!important;
  font:600 13px/1.55 "Noto Sans TC","PingFang TC",sans-serif!important;
  letter-spacing:.01em!important;
  color:#49392e!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
body.order-front-v7 .order-reference-intro-v744 .ordering-current-v233 > small {
  display:block!important;
  margin:0!important;
  padding:0!important;
  font:400 12px/1.6 "Noto Sans TC","PingFang TC",sans-serif!important;
  letter-spacing:0!important;
  color:#88796c!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
/* The extra group actions appear only where the existing logic permits. */
body.order-front-v7 .order-reference-intro-v744 .ordering-mode-v233 > button:not([hidden]) {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:36px!important;
  margin:0!important;
  padding:8px 13px!important;
  border:1px solid #d8c9b9!important;
  border-radius:7px!important;
  background:#fffaf4!important;
  color:#715342!important;
  font:600 12px/1.45 "Noto Sans TC",sans-serif!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  cursor:pointer;
}
body.order-front-v7 .order-reference-intro-v744 .ordering-mode-v233 > button[hidden] {display:none!important}
body.order-front-v7 .order-reference-intro-v744 .ordering-mode-v233 > button:not([hidden]):hover {
  background:#f2e9dd!important;
  border-color:#c6ab94!important;
}
/* Keep the existing start-group action tidy beside the ordering-method title. */
body.order-front-v7 .order-reference-intro-v744 .order-toolbar-card > .order-quick-actions-v147 [data-groupbuy-start]:not([hidden]) {
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-height:36px!important;
  width:auto!important;
  padding:8px 14px!important;
  margin:0!important;
  border:1px solid #d6c2af!important;
  border-radius:7px!important;
  background:#fffaf4!important;
  color:#624a3a!important;
  box-shadow:none!important;
}
body.order-front-v7 .order-reference-intro-v744 .order-toolbar-card .order-quick-actions-v147 [data-groupbuy-start] .order-groupbuy-label {
  font:600 12px/1.45 "Noto Sans TC",sans-serif!important;
  color:inherit!important;
}
body.order-front-v7 .order-reference-intro-v744 .order-toolbar-card .order-quick-actions-v147 [data-groupbuy-start] > small {display:none!important}
body.order-front-v7 .order-reference-intro-v744 .order-toolbar-card .order-quick-actions-v147 [data-groupbuy-start]:hover {
  background:#eee2d5!important;
  border-color:#c7ae99!important;
}
/* Active group summary uses the same warm palette instead of another warning block. */
body.order-front-v7 .groupbuy-status-v147:not([hidden]) {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px 16px!important;
  padding:13px 18px!important;
  margin:0 0 16px!important;
  background:#fbf5ed!important;
  border:1px solid #e6d9cb!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.order-front-v7 .groupbuy-status-v147 > div:first-child {min-width:0!important;flex:1 1 270px!important}
body.order-front-v7 .groupbuy-status-v147 span {color:#a17859!important}
body.order-front-v7 .groupbuy-status-v147 strong {color:#47382e!important;font-size:14px!important;font-weight:600!important}
body.order-front-v7 .groupbuy-status-v147 small {color:#806f60!important;font-size:12px!important}
body.order-front-v7 .groupbuy-status-v147 .groupbuy-status-actions-v163 {
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;
}
body.order-front-v7 .groupbuy-status-v147 .groupbuy-status-actions-v163 button {
  min-height:36px!important;
  padding:8px 12px!important;
  border:1px solid #cdb5a0!important;
  border-radius:7px!important;
  background:#554134!important;
  color:#fff!important;
  font:600 12px/1.45 "Noto Sans TC",sans-serif!important;
  box-shadow:none!important;
}
@media(max-width:980px) {
  body.order-front-v7 .order-reference-intro-v744 > .ordering-mode-v233 {padding:14px 24px 17px!important;gap:10px 14px!important}
}
@media(max-width:720px) {
  body.order-front-v7 .order-reference-intro-v744 > .ordering-mode-v233 {
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:14px 18px 17px!important;
    border-radius:0 0 10px 10px!important;
  }
  body.order-front-v7 .order-reference-intro-v744 .ordering-switch-v233 {width:100%!important;align-self:stretch!important;box-sizing:border-box!important}
  body.order-front-v7 .order-reference-intro-v744 .ordering-switch-v233 > button {
    flex:1 1 0!important;min-width:0!important;min-height:42px!important;font-size:13px!important;
  }
  body.order-front-v7 .order-reference-intro-v744 .ordering-current-v233 {
    width:100%!important;flex:none!important;gap:2px!important;
  }
  body.order-front-v7 .order-reference-intro-v744 .ordering-current-v233 > strong {font-size:13px!important}
  body.order-front-v7 .order-reference-intro-v744 .ordering-current-v233 > small {font-size:11px!important}
  body.order-front-v7 .order-reference-intro-v744 .ordering-mode-v233 > button:not([hidden]) {align-self:flex-start!important}
  body.order-front-v7 .groupbuy-status-v147:not([hidden]) {padding:12px 14px!important}
  body.order-front-v7 .groupbuy-status-v147 .groupbuy-status-actions-v163 {width:100%!important}
}
@media(max-width:360px) {
  body.order-front-v7 .order-reference-intro-v744 > .ordering-mode-v233 {padding:12px 14px 15px!important}
  body.order-front-v7 .order-reference-intro-v744 .ordering-current-v233 > strong {font-size:12px!important}
}
@media(prefers-reduced-motion:reduce) {
  body.order-front-v7 .order-reference-intro-v744 .ordering-switch-v233 > button {transition:none!important}
}