.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===========================================================
   FOOD TRUCK HUB — Global Design System (Site-wide)
   Date: 2025-10-21
   Where: Elementor → Site Settings → Custom CSS
   =========================================================== */

/* ---------- BRAND TOKENS ---------- */
:root {
  /* Colors */
  --fth-white:  #FFFFFF;  /* Clean White */
  --fth-black:  #1C1C1C;  /* Grounding Black */
  --fth-teal:   #2EC4B6;  /* Trust Teal */
  --fth-orange: #FF7F32;  /* Primary Orange */
  --fth-red:    #E63946;  /* Appetite Red */
  --fth-yellow: #FFD60A;  /* Bright Yellow */
  --fth-dark:   #0C1A1A;  /* Dark Gradient Black */

  /* Typography */
  --font-heading: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --font-ui:      "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;

  /* Font weights */
  --fw-thin: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --fw-black: 900;

  /* Type scale */
  --fs-h1: clamp(2.5rem, 4vw + 1rem, 3.25rem); /* ~52px desktop */
  --fs-h2: clamp(2rem, 3vw + .8rem, 2.25rem);
  --fs-h3: clamp(1.5rem, 2vw + .6rem, 1.75rem);
  --fs-body: 1rem;  /* 16px */
  --fs-small: 0.9rem;
  --fs-button: 0.95rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 3rem;
  --space-xl: 5rem;

  /* Radius & Shadows */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --shadow-soft:   0 4px 10px rgba(0,0,0,.08);
  --shadow-medium: 0 8px 18px rgba(0,0,0,.12);
  --shadow-strong: 0 12px 28px rgba(0,0,0,.18);

  /* Transitions */
  --transition-fast: all 0.2s ease;
  --transition-med:  all 0.35s ease;
  --transition-slow: all 0.6s ease;
}

/* ===========================================================
   TYPOGRAPHY BASES
   =========================================================== */
body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--fth-black);
  background-color: var(--fth-white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--fth-black);
  margin: 0 0 var(--space-sm);
}
h1 { font-size: var(--fs-h1); font-weight: var(--fw-black); }
h2 { font-size: var(--fs-h2); font-weight: var(--fw-extrabold); }
h3 { font-size: var(--fs-h3); font-weight: var(--fw-bold); }

p, li, span, small {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-body);
  color: var(--fth-black);
}

/* ===========================================================
   LINKS & BUTTONS
   =========================================================== */
a {
  color: var(--fth-teal);
  text-decoration: none;
  transition: var(--transition-fast);
}
a:hover {
  color: var(--fth-orange);
  text-decoration: none;
  filter: brightness(1.05);
}

button, .fth-btn {
  font-family: var(--font-ui);
  font-weight: var(--fw-bold);
  font-size: var(--fs-button);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  padding: .9rem 1.4rem;
  transition: var(--transition-fast);
}

/* Primary button */
.fth-btn--primary {
  background: var(--fth-orange);
  color: var(--fth-black);
  box-shadow: 0 6px 14px rgba(255,127,50,.25);
}
.fth-btn--primary:hover {
  background: var(--fth-yellow);
  transform: translateY(-2px);
}

/* Secondary button */
.fth-btn--secondary {
  background: var(--fth-teal);
  color: var(--fth-white);
  box-shadow: 0 6px 12px rgba(46,196,182,.3);
}
.fth-btn--secondary:hover {
  background: var(--fth-dark);
}

/* ===========================================================
   GLOBAL UTILITIES (A11y, rhythm, helpers)
   =========================================================== */

/* 1) Offset in-page anchors for sticky header */
section[id] { scroll-margin-top: 80px; } /* Adjust to your header height */

/* 2) High-visibility keyboard focus */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible {
  outline: 3px solid rgba(46,196,182,.6);
  outline-offset: 2px;
  border-radius: 10px;
}

/* 3) Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* 4) Consistent vertical rhythm for sections */
.fth-section { padding: clamp(28px, 6vw, 72px) 0; }

/* Color helpers */
.text-teal   { color: var(--fth-teal); }
.text-orange { color: var(--fth-orange); }
.text-red    { color: var(--fth-red); }
.text-yellow { color: var(--fth-yellow); }

.bg-teal   { background-color: var(--fth-teal); }
.bg-orange { background-color: var(--fth-orange); }
.bg-yellow { background-color: var(--fth-yellow); }
.bg-dark   { background-color: var(--fth-dark); color: var(--fth-white); }

/* Card + container helpers */
.fth-card {
  background: var(--fth-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-soft);
  padding: var(--space-sm);
}

/* Hover elevation */
.fth-hover { transition: var(--transition-fast); }
.fth-hover:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-medium);
}

/* ===========================================================
   FAQ (Details/Accordion) — + / – Indicators
   =========================================================== */
.fth-acc {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow-soft);
  padding: .65rem .9rem;
  margin: .5rem 0;
}
.fth-acc summary {
  position: relative;
  padding-right: 1.25rem; /* room for the symbol */
  cursor: pointer;
  font-weight: 800;
  list-style: none;
}
.fth-acc summary::-webkit-details-marker { display: none; }
.fth-acc summary::after {
  content: "+";
  position: absolute;
  right: .25rem;
  top: 0;
  font-weight: 900;
  line-height: 1;
}
.fth-acc[open] summary::after { content: "–"; }
.fth-acc__body { padding: .5rem 0 .2rem; opacity: .95; }

/* ===========================================================
   RESPONSIVE TYPE (optional)
   =========================================================== */
@media (max-width: 1024px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.5rem; }
}
@media (max-width: 768px) {
  body { font-size: .95rem; }
  h1 { font-size: 2.1rem; }
  h2 { font-size: 1.75rem; }
  h3 { font-size: 1.4rem; }
}
/* ===========================================================
   FOOD TRUCK HUB — LOGO FIX FOR ELEMENTOR HEADER
   Date: 2025-10-21
   =========================================================== */

/* Shrink & align any Elementor Site Logo */
.elementor-location-header img,
.elementor-widget-theme-site-logo img,
header img.custom-logo {
  max-height: 150px !important; /* sweet spot */
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  display: inline-block;
  margin: 0;
}
/* Optional mobile scaling */
@media (max-width: 768px) {
  .elementor-location-header img,
  .elementor-widget-theme-site-logo img,
  header img.custom-logo {
    max-height: 90px !important; /* keeps it comfy on phones */
  }
}
/* Align logo with nav links in header */
.elementor-location-header,
header.elementor-location-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 2rem;
}

/* ===========================================================
   END GLOBAL SYSTEM
   =========================================================== *//* End custom CSS */