.mgt-urgency{--mgt-urgency-accent:#3f6b32;font-weight:600;line-height:1.5}
.mgt-urgency-bar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:var(--mgt-urgency-accent);color:#fff;padding:10px 16px;border-radius:10px;text-align:center;transition:background .5s ease,color .5s ease}
/* Four stages, calm to final. The clock is always on screen; only
its weight changes as the deadline approaches. */
.mgt-urgency-bar.is-calm{background:#f3f5ef;color:#2f3b28}
.mgt-urgency-bar.is-soon{background:#3f6b32;color:#fff}
.mgt-urgency-bar.is-urgent{background:#b26a00;color:#fff}
.mgt-urgency-bar.is-final{background:#a32020;color:#fff;animation:mgt-urgency-pulse 1.8s ease-in-out infinite}
.mgt-urgency-clock{font-variant-numeric:tabular-nums;letter-spacing:.5px;background:rgba(255,255,255,.18);padding:2px 10px;border-radius:6px}
.mgt-urgency-bar.is-calm .mgt-urgency-clock{background:rgba(0,0,0,.06)}
/* 0.38.0: a festival or its eve. No clock, so the bar reads as a statement
   rather than a countdown, and the brand green carries white as it does
   everywhere else. */
.mgt-urgency-bar.is-closed{background:#4f7006;color:#fff}
/*
 * 0.38.2: the branches and the gatomats get their own line.
 *
 * Sitting inline after the clock, the link read as a footnote to the sentence
 * in front of it - which is backwards on a Friday or a festival eve, when it is
 * the only thing on the bar a customer can act on today. flex-basis of 100%
 * breaks it onto its own row inside the existing wrapping flex bar, so nothing
 * about the layout above it changes.
 *
 * The colour is the site's lime rather than another shade of the bar's green,
 * because a button in the same family as its background is a button people do
 * not see. Dark green text on the lime measures about 6.2:1, so the contrast is
 * in the text rather than in a white box that would compete with the heading.
 */
.mgt-urgency-link{flex:0 0 100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;background:#a4c639;color:#2b3a17;border-radius:10px;padding:11px 18px;text-decoration:none;font-weight:800;font-size:1.05em;letter-spacing:.01em;box-shadow:0 2px 0 rgba(0,0,0,.18)}
.mgt-urgency-link:hover,.mgt-urgency-link:focus-visible{background:#b5d648;color:#22300f}
.mgt-urgency-link::after{content:"←";font-weight:700;transition:transform .2s ease}
.mgt-urgency-link:hover::after{transform:translateX(-3px)}
.mgt-urgency-link[hidden]{display:none}

/* On a day nothing is delivered the link is the message, so it gets the room. */
.mgt-urgency-bar.is-closed .mgt-urgency-link{padding:13px 20px;font-size:1.12em}

.mgt-sticky-cta .mgt-urgency-link{margin-top:8px;padding:10px 14px;font-size:14px;box-shadow:0 1px 0 rgba(0,0,0,.15)}
.mgt-sticky-cta.is-urgent .mgt-sticky-text{color:#8a5000}
.mgt-sticky-cta.is-final .mgt-sticky-text{color:#a32020}
@keyframes mgt-urgency-pulse{0%,100%{opacity:1}50%{opacity:.82}}
@media (prefers-reduced-motion:reduce){.mgt-urgency-bar.is-final{animation:none}}
.mgt-stock-badge{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:4px 10px;border-radius:999px;background:#fdf3e3;color:#8a5a00;margin:6px 0}
.mgt-stock-badge.is-out{background:#fbeaea;color:#8a1f1f}
.mgt-stock-badge.is-plenty{background:#eef5ea;color:#3f6b32}
.mgt-spots{display:block;font-size:14px;font-weight:600;color:#8a5a00}
.mgt-cta{display:inline-flex;align-items:center;gap:10px;background:#4a7a2c;color:#fff!important;padding:15px 34px;border-radius:40px;font-size:19px;font-weight:700;text-decoration:none!important;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.mgt-cta:hover{background:#5c9137;transform:translateY(-2px);box-shadow:0 9px 24px rgba(0,0,0,.34)}
@media (max-width:600px){.mgt-cta{font-size:17px;padding:14px 26px}}
.mgt-sticky-cta .mgt-cta{font-size:16px;padding:11px 20px;box-shadow:none}
.mgt-cta-arrow{display:inline-block;font-size:22px;line-height:1;animation:mgt-nudge 1.5s ease-in-out infinite}
@keyframes mgt-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-7px)}}
@media (prefers-reduced-motion:reduce){.mgt-cta-arrow{animation:none}}
.mgt-sticky-cta{position:fixed;inset-inline:12px;bottom:12px;z-index:9998;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid #dfe4d8;box-shadow:0 6px 24px rgba(0,0,0,.14);border-radius:14px;padding:10px 14px}
.mgt-sticky-cta .mgt-sticky-text{font-size:14px;font-weight:600;color:#2f3b28}
@media (min-width:783px){.mgt-sticky-cta{display:none}}