/* FOODYA KDS UX Guard 1.4.0 */
.foodya-kds-ux-overlay{position:fixed;inset:0;z-index:2147483646;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.58);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:all}.foodya-kds-ux-overlay.is-visible{display:flex}.foodya-kds-ux-box{width:min(420px,calc(100vw - 34px));padding:26px 24px;border-radius:24px;background:rgba(20,20,20,.88);box-shadow:0 22px 80px rgba(0,0,0,.28);text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;font-weight:900}.foodya-kds-ux-spinner{width:50px;height:50px;margin:0 auto 14px;border:6px solid rgba(255,255,255,.25);border-top-color:#ff5a1f;border-radius:999px;animation:foodyaKdsUxSpin .72s linear infinite}.foodya-kds-ux-text{font-size:24px;line-height:1.1}.foodya-kds-ux-sub{font-size:13px;opacity:.85;margin-top:8px;font-weight:700}@keyframes foodyaKdsUxSpin{to{transform:rotate(360deg)}}
.foodya-kds-ux-toast{position:fixed;top:max(10px,env(safe-area-inset-top));left:16px;right:16px;z-index:2147483647;opacity:0;pointer-events:none;background:#ecfdf5;color:#166534;border:1px solid #86efac;border-radius:12px;padding:13px 42px 13px 16px;font:900 18px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 12px 36px rgba(0,0,0,.16);transition:opacity .18s ease,transform .18s ease;transform:translateY(-14px)}.foodya-kds-ux-toast.is-visible{opacity:1;transform:translateY(0)}.foodya-kds-ux-toast.is-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.foodya-kds-ux-toast:after{content:'×';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:22px;opacity:.55}.foodya-kds-ux-busy,.foodya-kds-ux-busy *{cursor:wait!important}.foodya-kds-ux-clicked{opacity:.75!important;transform:scale(.985)!important;pointer-events:none!important}
/* Ocupa ancho real de página en KDS */
body #fy-of-kds.fy-of-kds{width:calc(100vw - 36px)!important;max-width:none!important;margin-left:50%!important;margin-right:0!important;transform:translateX(-50%)!important;box-sizing:border-box!important;padding-left:18px!important;padding-right:18px!important;overflow:visible!important}.entry-content:has(#fy-of-kds),.wp-block-post-content:has(#fy-of-kds),main:has(#fy-of-kds),article:has(#fy-of-kds){max-width:none!important;width:100%!important}.entry-content #fy-of-kds,.wp-block-post-content #fy-of-kds{max-width:none!important}
/* Tablet y ordenador: 2 filas x 2 columnas */
@media (min-width:769px){body #fy-of-kds .fy-of-cols{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:100%!important;overflow:visible!important}body #fy-of-kds .fy-of-cols section[data-status]{min-width:0!important;width:100%!important;min-height:300px!important;box-sizing:border-box!important}body #fy-of-kds.fy-view-unpaid .fy-of-cols,body #fy-of-kds[data-default-view="unpaid"] .fy-of-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:768px){body #fy-of-kds.fy-of-kds{width:100%!important;margin:0!important;transform:none!important;padding:12px!important}body #fy-of-kds .fy-of-cols{grid-template-columns:1fr!important}.foodya-kds-ux-text{font-size:22px}.foodya-kds-ux-toast{font-size:16px}}
/* Contadores siempre dentro del botón */
body #fy-of-kds .fy-mobile-stage-tabs button,body #fy-of-kds .fy-of-tabs button,body #fy-of-kds .fy-station-filter-btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;overflow:hidden!important;box-sizing:border-box!important;white-space:nowrap!important;min-width:0!important}
body #fy-of-kds .fy-mobile-stage-tabs button{width:100%!important;max-width:100%!important;padding-right:12px!important}
body #fy-of-kds .fy-mobile-stage-tabs button > span:last-child,body #fy-of-kds .fy-mobile-stage-tabs button > b:last-child,body #fy-of-kds .fy-mobile-stage-tabs button .fy-stage-count,body #fy-of-kds .fy-mobile-stage-tabs button .fy-count,body #fy-of-kds .fy-mobile-stage-tabs button [class*="count"],body #fy-of-kds .fy-mobile-stage-tabs button [class*="badge"]{position:static!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important;height:24px!important;max-width:42px!important;padding:0 7px!important;margin-left:auto!important;border-radius:999px!important;font-size:12px!important;line-height:1!important;font-weight:950!important;box-sizing:border-box!important;white-space:nowrap!important}
body #fy-of-kds .fy-mobile-stage-tabs button::after{position:static!important;transform:none!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;margin-left:auto!important;flex:0 0 auto!important;max-width:42px!important}
/* Countdown no tiene sentido en archivados/cancelados/cobrados */
body #fy-of-kds.fy-view-archive [class*="countdown"],body #fy-of-kds.fy-view-cancelled [class*="countdown"],body #fy-of-kds.fy-view-paid [class*="countdown"],body #fy-of-kds[data-default-view="archive"] [class*="countdown"],body #fy-of-kds[data-default-view="cancelled"] [class*="countdown"],body #fy-of-kds[data-default-view="paid"] [class*="countdown"],body #fy-of-kds .fy-order-card.archived [class*="countdown"],body #fy-of-kds .fy-order-card.cancelled [class*="countdown"]{display:none!important}


/* 1.4.0 - Full width real: rompe el ancho estrecho del tema/bloques WP en páginas KDS */
body:has(#fy-of-kds),
body:has(.fy-of-kds),
body:has(.foodya-kds),
body:has([class*="kds"]) {
  overflow-x: hidden !important;
}
body:has(#fy-of-kds) .wp-site-blocks,
body:has(#fy-of-kds) .wp-block-group,
body:has(#fy-of-kds) .wp-block-post-content,
body:has(#fy-of-kds) .entry-content,
body:has(#fy-of-kds) .entry,
body:has(#fy-of-kds) article,
body:has(#fy-of-kds) main,
body:has(#fy-of-kds) .site-main,
body:has(#fy-of-kds) .content-area,
body:has(#fy-of-kds) .is-layout-constrained,
body:has(#fy-of-kds) .is-layout-flow,
body:has(#fy-of-kds) .alignwide,
body:has(#fy-of-kds) .alignfull,
body:has(.fy-of-kds) .wp-site-blocks,
body:has(.fy-of-kds) .wp-block-post-content,
body:has(.fy-of-kds) .entry-content,
body:has(.fy-of-kds) main,
body:has(.fy-of-kds) article {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
body:has(#fy-of-kds) .wp-site-blocks > *,
body:has(#fy-of-kds) main > *,
body:has(#fy-of-kds) article > *,
body:has(#fy-of-kds) .entry-content > *,
body:has(#fy-of-kds) .wp-block-post-content > * {
  max-width: none !important;
}
body #fy-of-kds,
body .fy-of-kds,
body .foodya-kds,
body [data-foodya-kds] {
  width: calc(100vw - 16px) !important;
  max-width: calc(100vw - 16px) !important;
  margin-left: calc(50% - 50vw + 8px) !important;
  margin-right: calc(50% - 50vw + 8px) !important;
  transform: none !important;
  box-sizing: border-box !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
@media (min-width: 769px) {
  body #fy-of-kds,
  body .fy-of-kds,
  body .foodya-kds,
  body [data-foodya-kds] {
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    margin-left: calc(50% - 50vw + 24px) !important;
    margin-right: calc(50% - 50vw + 24px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 769px) {
  body #fy-of-kds .fy-mobile-stage-tabs,
  body #fy-of-kds .fy-stage-tabs,
  body #fy-of-kds [class*="stage"][class*="tab"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  body #fy-of-kds,
  body .fy-of-kds,
  body .foodya-kds,
  body [data-foodya-kds] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body #fy-of-kds .fy-order-card,
  body #fy-of-kds [class*="order-card"],
  body #fy-of-kds section[data-status] {
    width: 100% !important;
    max-width: 100% !important;
  }
}


