/* Mama B's text menu. One tile = 251 tile units wide; every size inside a tile is in tile units (--u),
   so tiles scale exactly as the old @3x PNGs did. Board placement (4 / 2 / 1 columns) is generated below. */
@font-face{font-family:Hello;src:url(../fonts/Hello.woff2) format("woff2"),url(../fonts/Hello.woff) format("woff");
  ascent-override:75.5%;descent-override:20%;line-gap-override:0%;font-display:block}
@font-face{font-family:MBHelv;font-weight:700;src:local("Helvetica Bold"),local("Helvetica-Bold"),local("Arial Bold"),local("Arial-BoldMT");
  ascent-override:77%;descent-override:23%;line-gap-override:0%}
@font-face{font-family:MBHelv;font-weight:400;src:local("Helvetica"),local("Arial"),local("ArialMT");
  ascent-override:77%;descent-override:23%;line-gap-override:0%}

html,body{height:100%;margin:0}
body{background:#434442;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* logo: transparent animated WebP; the board's top edge sits on the letters, only the M's leg dips over it
   (leg drops 17px below the rest in the 800px file: 8.5px at 400 wide, 6.4px at 300) */
.header{flex:0 0 auto;text-align:center;padding-top:22px;position:relative;z-index:2;line-height:0}
.header .logo{width:300px;height:auto;display:inline-block}
@media (min-width:810px){.header .logo{width:400px}}

/* the board sits in whatever height is left between logo and footer */
.menuMain{flex:1 1 auto;min-height:0;container-type:size;display:flex;justify-content:center;align-items:flex-start;margin-top:-6.4px}
@media (min-width:810px){.menuMain{margin-top:-8.5px}}
.frame{max-height:100%;overflow-y:auto;overscroll-behavior:contain;border-radius:16px;background:#cfcabd;scrollbar-width:thin}
.board{position:relative;container-type:inline-size;--bu:calc(100cqw/var(--bw));aspect-ratio:var(--bw)/var(--bh);
  width:min(var(--maxw),94cqw)}
@media (min-width:1100px){                       /* 4 columns: the whole board scales to fit the window... */
  .board{width:clamp(min(900px,96cqw),calc((100cqh - 12px)*var(--bw)/var(--bh)),min(1280px,96cqw))}
}                                                /* ...but never under 900px wide: a short window scrolls the board instead */
@media (min-width:810px) and (max-width:1099.98px){.board{--maxw:680px}}
@media (max-width:809.98px){.board{--maxw:360px}}

.tile{position:absolute;display:none;container-type:inline-size;aspect-ratio:var(--w)/var(--h);--u:calc(100cqw/var(--w))}
.tile .art{position:absolute;inset:0;width:100%;height:100%;display:block}
.t{position:absolute;margin:0;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));font-size:calc(var(--s)*var(--u));
  line-height:1;color:var(--c);white-space:pre;font-weight:400;transform:scaleX(var(--k,1));transform-origin:0 0}
.t[style*="--l:"]{line-height:calc(var(--l)*var(--u))}
.hello{font-family:Hello,sans-serif;-webkit-text-stroke:calc(.25*var(--u)) var(--c)}
.helv{font-family:MBHelv,Helvetica,Arial,sans-serif;font-weight:700}
.helv.reg{font-weight:400}
.helv.myriad{font-family:"Myriad Pro",Myriad,"Segoe UI",MBHelv,Helvetica,Arial,sans-serif}

/* stars live outside the tile drawing so they can twirl / spring (js/stars.js) */
.st{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u));
  overflow:visible;transform-origin:50% 54%;will-change:transform}
.mStar{transform-origin:50% 54%}
.pin{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u));
  overflow:visible;transform-origin:50% 100%;will-change:transform}

/* scroll areas keep wheel / touch / keyboard scrolling but hide the bar */
.frame,.homeMain{scrollbar-width:none;-ms-overflow-style:none}
.frame::-webkit-scrollbar,.homeMain::-webkit-scrollbar{display:none;width:0;height:0}

/* Papas special (Elote Fries etc.): a grey band above Dipping Sauces; the fries list steps up to make room */
.pSpecial[hidden]{display:none}
.pBand{position:absolute;left:0;right:0;top:calc(134.6*var(--u));height:calc(66.4*var(--u));background:#6d6d63}
.pPrice{left:auto;right:calc(10*var(--u));transform-origin:100% 0}
#t-Papas:has(.pSpecial:not([hidden])) .plist{translate:0 calc(-4.9*var(--u))}
#t-Papas:has(.pSpecial:not([hidden])) .pStar{display:none}      /* the special takes the fourth-item spot */

/* monthly specials: flowing text, the star rides after the name */
.mDesc{white-space:normal;width:calc(var(--mw)*var(--u))}
.mStar{display:inline-block;width:calc(20.55*var(--u));height:calc(19.54*var(--u));margin-left:calc(5.8*var(--u));
  vertical-align:baseline;position:relative;top:calc(-1.6*var(--u));color:#50863d;fill:currentColor;-webkit-text-stroke:0}

.footer{flex:0 0 auto;position:relative;z-index:2;background:#434442;text-align:center;padding:6px 0 0}
/* home page: the map card (one-line address; two-line on phones) and the "formerly" strip */
.homeMain{overflow-y:auto}
.homeStack{width:min(640px,92vw);margin:0 auto}
.home .tile{position:relative;display:block;width:100%}
.home #t-Location_PHN{display:none}
.home #t-Message_Formerly{width:min(300px,56%);margin:12px auto 0}
.mapLink{display:block;line-height:0;border-radius:12px}
@media (max-width:809.98px){
  .homeStack{width:min(360px,92vw)}
  .home #t-Location_TAB{display:none}
  .home #t-Location_PHN{display:block}
}

/* short windows (phone turned sideways, a squat browser): like the live site - full animated logo, no menu, footer stays */
@media (max-height:600px){
  .header{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:12px 0}
  .header .logo{width:auto;height:min(46vh,240px);max-width:90vw}
  .menuMain{display:none}
}
.copyright{font-family:Hello,sans-serif;color:#6e6d63;letter-spacing:2px;font-size:14px;text-transform:uppercase}

/* L4 */
@media (min-width:1100px){
.board{--bw:1051.50;--bh:670.77}
#t-Burgers_BOM{display:block;left:calc(8.00*var(--bu));top:calc(15.00*var(--bu));width:calc(251.00*var(--bu))}
#t-MamaBurger{display:block;left:calc(269.50*var(--bu));top:calc(15.00*var(--bu));width:calc(251.00*var(--bu))}
#t-GC_Burger{display:block;left:calc(269.50*var(--bu));top:calc(128.43*var(--bu));width:calc(251.00*var(--bu))}
#t-MOAB{display:block;left:calc(269.50*var(--bu));top:calc(242.20*var(--bu));width:calc(251.00*var(--bu));height:calc(136.60*var(--bu));aspect-ratio:auto}
#t-PacoBurger{display:block;left:calc(269.50*var(--bu));top:calc(380.90*var(--bu));width:calc(251.00*var(--bu))}
#t-ScheppyBurger{display:block;left:calc(269.50*var(--bu));top:calc(477.33*var(--bu));width:calc(251.00*var(--bu))}
#t-CYO{display:block;left:calc(8.00*var(--bu));top:calc(244.77*var(--bu));width:calc(251.00*var(--bu))}
#t-GrilledCheese{display:block;left:calc(269.50*var(--bu));top:calc(608.77*var(--bu));width:calc(251.00*var(--bu))}
#t-Papas{display:block;left:calc(531.00*var(--bu));top:calc(15.00*var(--bu));width:calc(251.00*var(--bu))}
#t-Shakes{display:block;left:calc(792.50*var(--bu));top:calc(15.00*var(--bu));width:calc(251.00*var(--bu))}
#t-Floats_LG{display:block;left:calc(531.00*var(--bu));top:calc(390.43*var(--bu));width:calc(512.50*var(--bu))}
#t-Location_DSKTP{display:block;left:calc(531.00*var(--bu));top:calc(581.12*var(--bu));width:calc(512.50*var(--bu))}
}
/* L2 */
@media (min-width:810px) and (max-width:1099.98px){
.board{--bw:528.50;--bh:1578.00}
#t-Burgers_BOM{display:block;left:calc(8.00*var(--bu));top:calc(15.00*var(--bu));width:calc(251.00*var(--bu))}
#t-MamaBurger{display:block;left:calc(269.50*var(--bu));top:calc(15.00*var(--bu));width:calc(251.00*var(--bu))}
#t-GC_Burger{display:block;left:calc(269.50*var(--bu));top:calc(128.43*var(--bu));width:calc(251.00*var(--bu))}
#t-MOAB{display:block;left:calc(269.50*var(--bu));top:calc(242.20*var(--bu));width:calc(251.00*var(--bu));height:calc(137.27*var(--bu));aspect-ratio:auto}
#t-PacoBurger{display:block;left:calc(269.50*var(--bu));top:calc(381.57*var(--bu));width:calc(251.00*var(--bu))}
#t-ScheppyBurger{display:block;left:calc(269.50*var(--bu));top:calc(478.00*var(--bu));width:calc(251.00*var(--bu))}
#t-CYO{display:block;left:calc(8.00*var(--bu));top:calc(244.77*var(--bu));width:calc(251.00*var(--bu))}
#t-GrilledCheese{display:block;left:calc(269.50*var(--bu));top:calc(609.43*var(--bu));width:calc(251.00*var(--bu))}
#t-Papas{display:block;left:calc(8.00*var(--bu));top:calc(657.87*var(--bu));width:calc(251.00*var(--bu))}
#t-Shakes{display:block;left:calc(269.50*var(--bu));top:calc(658.53*var(--bu));width:calc(251.00*var(--bu))}
#t-Floats_LG{display:block;left:calc(8.00*var(--bu));top:calc(1033.30*var(--bu));width:calc(512.50*var(--bu))}
#t-Location_TAB{display:block;left:calc(8.00*var(--bu));top:calc(1223.99*var(--bu));width:calc(512.50*var(--bu))}
}
/* L1 */
@media (max-width:809.98px){
.board{--bw:267.00;--bh:2581.43}
#t-Burgers_BOM{display:block;left:calc(8.00*var(--bu));top:calc(15.00*var(--bu));width:calc(251.00*var(--bu))}
#t-MamaBurger{display:block;left:calc(8.00*var(--bu));top:calc(244.77*var(--bu));width:calc(251.00*var(--bu))}
#t-GC_Burger{display:block;left:calc(8.00*var(--bu));top:calc(358.20*var(--bu));width:calc(251.00*var(--bu))}
#t-MOAB{display:block;left:calc(8.00*var(--bu));top:calc(471.97*var(--bu));width:calc(251.00*var(--bu))}
#t-PacoBurger{display:block;left:calc(8.00*var(--bu));top:calc(599.73*var(--bu));width:calc(251.00*var(--bu))}
#t-ScheppyBurger{display:block;left:calc(8.00*var(--bu));top:calc(696.17*var(--bu));width:calc(251.00*var(--bu))}
#t-CYO{display:block;left:calc(8.00*var(--bu));top:calc(827.60*var(--bu));width:calc(251.00*var(--bu))}
#t-GrilledCheese{display:block;left:calc(8.00*var(--bu));top:calc(1240.70*var(--bu));width:calc(251.00*var(--bu))}
#t-Papas{display:block;left:calc(8.00*var(--bu));top:calc(1289.80*var(--bu));width:calc(251.00*var(--bu))}
#t-Shakes{display:block;left:calc(8.00*var(--bu));top:calc(1665.23*var(--bu));width:calc(251.00*var(--bu))}
#t-Floats_SML{display:block;left:calc(8.00*var(--bu));top:calc(2040.00*var(--bu));width:calc(251.00*var(--bu))}
#t-Location_PHN{display:block;left:calc(8.00*var(--bu));top:calc(2374.43*var(--bu));width:calc(251.00*var(--bu))}
}