/* Site-wide pass, 2026-11-01. Loaded by every customer page after the older stylesheets.
   No pre-title labels, no round controls, even line breaks, and support for site-motion.js. */

/* Headline lines: each line clips its own text so site-motion.js can raise it into view. */
h1 .line,h2 .line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}
h1 .line>span,h2 .line>span{display:inline-block}
.page-hero h1,.section-heading h2,.business-intro h2,.lower-section-heading h2,.next-meal h2,.visit-intro h2,.story-editorial-copy h2{margin-top:0}

/* Even line breaks: headings and short intro text balance their lines; body copy avoids lonely last words */
h1,h2,h3,.page-hero p,.section-heading p,.business-intro-copy>p{text-wrap:balance}
p{text-wrap:pretty}
@media(min-width:761px){.section-heading .sentence{display:block}}

/* Add to order: labeled square button with a plus icon instead of a round "+" */
.add-button{border-radius:3px;width:auto;height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;font:600 13px/1 var(--body);color:var(--rust);background:transparent;border:1px solid #bf321e55;transition:background .2s,color .2s,border-color .2s}
.add-button:hover,.add-button:focus-visible,.menu-item .add-button:hover{background:var(--rust);color:var(--cream);border-color:var(--rust);transform:none}
.add-icon{width:14px;height:14px;flex:none;transition:transform .25s}
.add-button:hover .add-icon{transform:rotate(90deg)}

/* Seasonal: a plain sentence-case heading for fillings, and the round sticker becomes a caption under the photo */
.flavor-heading{margin:0 0 14px;color:var(--cream);font:700 17px/1.3 var(--display);letter-spacing:-.01em}
.seasonal-caption{margin:16px 0 0;color:var(--cream);font:600 15px/1.4 var(--display);letter-spacing:-.01em}
.seasonal-caption span{color:#f7c34a}
.seasonal-caption small{display:block;margin-top:4px;font:400 13px/1.4 var(--body);opacity:.75}

/* No endless motion anywhere: the seasonal card stays still and the ✳ marks no longer spin.
   With nothing looping, pages need no pause control. */
.hero-season,.orbit-mark,.closing:after{animation:none!important}

/* Arrows nudge toward where they lead */
a span[aria-hidden="true"]:not(.orbit-mark),button span[aria-hidden="true"]:not(.add-icon){display:inline-block;transition:transform .25s}
a:hover>span[aria-hidden="true"]:not(.orbit-mark),button:hover>span[aria-hidden="true"]:not(.add-icon){transform:translateX(4px)}
.visit-option:hover>span[aria-hidden="true"],.business-page-link:hover>span[aria-hidden="true"]{transform:translate(3px,-3px)}

/* Manager help: flat with a hairline instead of a soft floating shadow */
.floating-help{box-shadow:none;border:1px solid #fffbf240;transition:opacity .25s,visibility .25s,translate .25s}

@media(max-width:760px){.seasonal-visual{margin-bottom:36px}}

@media(prefers-reduced-motion:reduce){
  .add-icon,a span[aria-hidden="true"],button span[aria-hidden="true"],.floating-help{transition:none}
}

/* Header actions: "Order breakfast" opens the Square ordering page on Cash App; the direct-order cart gets its own link, shown only when it has items */
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-cart-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:3px;color:var(--ink);font:600 13px/1 var(--body);font-variant-numeric:tabular-nums}
.nav-cart-link:hover{border-color:var(--rust);color:var(--rust)}
.nav-cart-link[hidden]{display:none}
/* Phones: the cart moves into the Menu dropdown so the sticky header stays one row */
.nav-cart-menu-link{display:none}
@media(max-width:760px){
  .nav-actions .nav-cart-link{display:none}
  .site-header nav .nav-cart-menu-link:not([hidden]){display:block;font-weight:700;color:var(--rust)}
  .site-header .nav-order-button span[aria-hidden="true"]{display:none}
}

/* Atole and champurrado flavors: icon tiles like the tamale fillings, instead of a ruled text list */
.seasonal-drink-menu .drink-flavors{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.seasonal-drink-menu .drink-flavors li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border:0;text-align:center;font:700 15px/1.2 var(--display);color:var(--ink)}
.seasonal-drink-menu .drink-flavors img{width:52px;height:52px}
@media(max-width:420px){.seasonal-drink-menu .drink-flavors{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}}
.seasonal-drink-menu .drink-menu-heading{justify-content:center;text-align:center}
.seasonal-drink-menu .drink-menu-note{text-align:center}