/**
 * Taqueria La Favorita Shared Tokens
 * Load before lf-header.css, lf-home.css, and lf-footer.css.
 */
:root {
  --lf-night: #0c0b18;
  --lf-navy: #14132f;
  --lf-purple: #211d4b;
  --lf-purple-2: #2b245e;
  --lf-magenta: #e02a83;
  --lf-cream: #ffe4b3;
  --lf-white: #f7f3ea;
  --lf-muted: rgba(247, 243, 234, 0.68);
  --lf-teal: #00b592;
  --lf-green: #aacf3a;
  --lf-ease: cubic-bezier(.18,.85,.25,1);
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.lf-no-scroll {
  overflow: hidden !important;
}


/* =========================================================
   GLOBAL PAGE EDGE FIX
   Removes white border / browser margin around full website
========================================================= */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  background: #0c0b18 !important;
}

body {
  position: relative;
}

/* WordPress / theme wrappers */
#page,
.site,
.site-content,
.site-main,
.content-area,
#primary,
#main,
main,
.entry-content,
.page-content {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  background: #0c0b18 !important;
}

/* Elementor wrapper cleanup */
.elementor,
.elementor-section-wrap,
.elementor-location-header,
.elementor-location-footer,
.elementor-location-single,
.elementor-page,
.elementor-kit-5 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
}

/* Remove unwanted spacing from HTML widget containers */
.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Make Taqueria sections touch the browser edges cleanly */
#lf-godmode-header,
#lf-home-experience,
#lf-menu-grain-footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Prevent full width sections from creating tiny horizontal gaps */
#lf-home-experience {
  width: 100% !important;
  max-width: 100% !important;
}


/* =========================================================
   GLOBAL PAGE EDGE FIX
   Paste at bottom of /assets/css/lf-tokens.css
   Removes white border / browser margin around full website
========================================================= */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  background: #0c0b18 !important;
}

body {
  position: relative;
}

#page,
.site,
.site-content,
.site-main,
.content-area,
#primary,
#main,
main,
.entry-content,
.page-content {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  background: #0c0b18 !important;
}

.elementor,
.elementor-section-wrap,
.elementor-location-header,
.elementor-location-footer,
.elementor-location-single,
.elementor-page,
.elementor-kit-5 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
}

.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

#lf-godmode-header,
#lf-home-experience,
#lf-menu-grain-footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#lf-home-experience {
  width: 100% !important;
  max-width: 100% !important;
}


/* =========================================================
   FORCE REMOVE BROWSER DEFAULT BODY GAP
   This fixes the white border around the entire website
========================================================= */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  background: #0c0b18 !important;
}

html body {
  margin: 0 !important;
}

/* WordPress and theme wrappers */
#page,
.site,
.site-content,
.site-main,
.content-area,
#primary,
#main,
main,
.entry-content,
.page-content,
.ast-container,
.container,
.wrap {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  background: #0c0b18 !important;
}

/* Elementor wrappers */
.elementor,
.elementor-section-wrap,
.elementor-location-header,
.elementor-location-footer,
.elementor-location-single,
.elementor-page,
.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Taqueria custom sections */
#lf-godmode-header,
#lf-home-experience,
#lf-menu-grain-footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#lf-home-experience {
  width: 100% !important;
  max-width: 100% !important;
}

/* =========================================================
   GLOBAL EDGE RESET
   Removes browser, theme, and Elementor page gaps
========================================================= */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  background: #0c0b18 !important;
}

html body {
  margin: 0 !important;
  padding: 0 !important;
  background: #0c0b18 !important;
}

#page,
.site,
.hfeed,
.site-content,
.site-main,
.content-area,
#primary,
#main,
.page-content,
.entry-content {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
  background: #0c0b18 !important;
}

body.elementor-template-full-width #page,
body.elementor-template-full-width .site-content,
body.elementor-template-full-width .entry-content {
  margin: 0 !important;
  padding: 0 !important;
  background: #0c0b18 !important;
}

.elementor-location-header,
.elementor-location-footer,
.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

#lf-godmode-header,
#lf-home-experience,
#lf-menu-grain-footer {
  margin: 0 !important;
}

#lf-home-experience {
  width: 100% !important;
  max-width: 100% !important;
}

#masthead,
#colophon,
.footer-width-fixer,
.elementor-location-header,
.elementor-location-footer {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background: #0c0b18 !important;
}