/* Tequila Mama Cantina - maintenance page styles.
   Generated by build_maintenance.py from the design export's page <style>
   block plus any hoisted state rules. Do not hand-edit; edit the builder. */

/* ---- page style block (verbatim from the export) ---- */
:root { --tmt-mono: var(--font-rauda-solid-unicase); }
body { margin: 0; background: var(--tmt-white); color: var(--tmt-charcoal); font-family: var(--font-inria); overflow-x: hidden; }
a { color: var(--tmt-red-ink); text-decoration: none; }
a:hover { color: var(--tmt-red); }
:focus-visible { outline: 3px solid var(--tmt-teal); outline-offset: 3px; border-radius: 4px; }
h1, h2, h3 { margin: 0; }
@keyframes tmt-spin { to { transform: rotate(360deg); } }
@keyframes tmt-pop { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes tmt-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }
@keyframes tmt-slide { from { opacity: 0; transform: translateX(34px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .tmt-in { animation: tmt-pop 720ms cubic-bezier(0.22,1,0.36,1) both; animation-delay: calc(var(--i, 0) * 100ms); }
  .tmt-slide { animation: tmt-slide 800ms cubic-bezier(0.22,1,0.36,1) both; animation-delay: calc(var(--i, 0) * 110ms); }
  .tmt-sun { animation: tmt-spin 70s linear infinite; }
  .tmt-sun-2 { animation: tmt-spin 100s linear infinite reverse; }
  .tmt-dot { animation: tmt-blink 1.6s steps(1, end) infinite; }
}
.tmt-cta:hover { background: var(--tmt-red-deep); }
.tmt-cta:active { transform: translateY(1px); }
.tmt-pill:hover { transform: translateY(-2px); }
@media (max-width: 900px) { .tmt-split { grid-template-columns: 1fr !important; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; } }

/* ---- additions ------------------------------------------------------------
   Both declarations below were INLINE in the export and are stripped by the
   builder, because a stylesheet cannot override an inline style and each one
   needs to change at a breakpoint.

   Seven day-columns is a ~45px cell on a 360px phone, which crushes "11am"
   and "9pm" onto three lines each. Below 560px the grid drops to 4-across. */
[data-hour-grid]{grid-template-columns:repeat(7,1fr)}
@media (max-width:560px){
  [data-hour-grid]{grid-template-columns:repeat(4,1fr)}
}
/* The export gives <main> min-height:100vh. On a phone 100vh is the tallest the
   viewport ever gets (toolbars retracted), so it forces a scroll on a page that
   should just fit; dvh tracks the visible height instead. */
[data-maint-main]{min-height:100vh;min-height:100dvh}