/* client-overrides.css — elfogon (El Fogón)
   Client-specific rules. Shared Avia rules live in static-overrides.css.
   Linked AFTER static-overrides.css by inject-fixes.py. */

/* Menu page — native PDF embed replacing the stripped dFlip flipbook.
   The source rendered the menu as a dFlip page-flip of elfogon-menu2026.pdf;
   a flat build serves the same PDF via the browser's built-in viewer
   (scroll/zoom/download, no JS dependency, better on mobile). */
.ym-menu-pdf {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.ym-menu-pdf iframe {
  width: 100%;
  height: 80vh;
  min-height: 600px;
  border: 1px solid #ddd;
  display: block;
  background: #f8f8f8;
}
.ym-menu-pdf-fallback {
  text-align: center;
  margin: 1.2em 0 0;
}
.ym-menu-pdf-fallback a {
  display: inline-block;
  background: #af2331;
  color: #fff;
  padding: 0.7em 1.6em;
  border-radius: 4px;
  text-decoration: none;
  font-family: 'lato', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
}
.ym-menu-pdf-fallback a:hover,
.ym-menu-pdf-fallback a:focus {
  background: #9e1220;
  color: #fff;
}

/* Legal links in the Enfold socket (inject-fixes Fix 8). Sits next to the
   copyright; inherits the socket's white-on-red color scheme. */
.ym-legal-links {
  margin-left: 14px;
  font-size: 13px;
}
.ym-legal-links a {
  color: inherit;
  text-decoration: none;
  opacity: 0.85;
}
.ym-legal-links a:hover,
.ym-legal-links a:focus {
  opacity: 1;
  text-decoration: underline;
}
.ym-legal-sep { opacity: 0.6; }

/* Legal + 404 content pages (make-legal-pages.py). Readable measure + spacing
   on the branded Enfold chrome. */
.ym-legal {
  max-width: 820px;
  margin: 0 auto;
  padding: 60px 20px 80px;
  line-height: 1.7;
}
.ym-legal h1 { margin-bottom: 0.6em; }
.ym-legal h2 { margin-top: 1.6em; margin-bottom: 0.4em; }
.ym-legal ul { margin: 0 0 1em 1.4em; }
.ym-legal a { color: #af2331; text-decoration: underline; }

/* Visually-hidden keyworded <h1> (inject-fixes Fix 9). Accessible to screen
   readers + crawlers; no visual footprint (Avia pages have no real h1). */
.ym-seo-h1 {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}