/* Header layout — 3-row grid, no overlapping elements */

/* ── Colors ── */
#comp-kdnrod1m .LWbAav,
#comp-kdnrod1m .Kv1aVt {
  background-color: rgb(243, 180, 109) !important;
}

#comp-kdnrwo4j,
#comp-kdnrwo4j p,
#comp-kdnrwo4j h2,
#comp-kdnrwo4j .color_42 {
  color: #fff !important;
}

#comp-kdnrwo4j .backcolor_18 {
  background-color: rgb(243, 180, 109) !important;
  color: #fff !important;
}

#SITE_HEADER .LWbAav.Kv1aVt,
#SITE_HEADER ._4XcTfy,
#SITE_HEADER .gUbusX,
#SITE_HEADER .U4Bvut {
  background-color: rgb(43, 108, 163) !important;
}

#SITE_HEADER .CJF7A2 {
  padding-bottom: 10px !important;
}

#comp-kcslv8wc3 .color_41 {
  color: rgb(243, 180, 109) !important;
}

#comp-kcsmctp3 .color_42 {
  color: rgb(251, 251, 251) !important;
}

/* ── Kill Wix fixed widths / pixel offsets ── */
#comp-kdnroczj {
  min-width: 0 !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#comp-kct9pxyg {
  min-width: 0 !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#comp-kcslv8wc3,
#comp-kcsmctp3 {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

#comp-kct9pxyh {
  width: auto !important;
  max-width: 100% !important;
}

#comp-kct9q3be {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

[data-mesh-id="comp-kct9pxyhinlineContent-gridContainer"] > #comp-kct9q3be {
  margin: 0 !important;
  left: 0 !important;
  position: relative !important;
}

[data-mesh-id="comp-kct9pxyhinlineContent-gridContainer"] {
  margin-bottom: 0 !important;
}

[data-mesh-id="comp-kdnrod1minlineContent-gridContainer"] > #comp-kdnrwo4j {
  margin: 7px 0 0 !important;
  left: 0 !important;
}

#comp-kdnrod1m,
#comp-kdnrwo4j {
  width: 100% !important;
  max-width: 980px !important;
}

/* ── Grid: row1=announce, row2=logo|nav, row3=subtitle|button ── */
[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto auto !important;
  grid-template-areas:
    "announce announce"
    "logo     nav"
    "subtitle cta" !important;
  max-width: 980px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 0 14px !important;
  box-sizing: border-box !important;
  position: relative !important;
  min-height: 0 !important;
}

/* Row 1 — orange welcome bar (full width, nothing overlaps this) */
[data-mesh-id=SITE_HEADERinlineContent-gridContainer] > [id="comp-kdnroczj"],
[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-kdnroczj {
  grid-area: announce !important;
  margin: 0 !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  position: relative !important;
}

[data-mesh-id=SITE_HEADERinlineContent-gridContainer] > [id="comp-kcslv8wc3"],
[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-kcslv8wc3 {
  grid-area: logo !important;
  margin: 6px 0 0 !important;
  left: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  position: relative !important;
  align-self: end !important;
  justify-self: start !important;
}

#comp-kcslv8wc3 h1 {
  font-size: clamp(40px, 5.5vw, 68px) !important;
  line-height: 1.05 !important;
  text-align: left !important;
  margin: 0 !important;
}

/* Row 3 left — Palo Alto, California */
[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-kcsmctp3 {
  grid-area: subtitle !important;
  margin: 0 0 4px !important;
  left: 0 !important;
  width: auto !important;
  position: relative !important;
  align-self: start !important;
  justify-self: start !important;
}

#comp-kcsmctp3 p {
  text-align: left !important;
  margin: 0 !important;
  font-size: 17px !important;
}

/* Row 2 right — nav links */
[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-kct9pxyg {
  grid-area: nav !important;
  margin: 8px 0 0 !important;
  left: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  position: relative !important;
  justify-self: end !important;
  align-self: center !important;
  padding-right: 26px !important;
  box-sizing: border-box !important;
}

#comp-kct9pxyg1 {
  display: none !important;
}

#comp-kct9pxyg .V5AUxf {
  display: flex !important;
  justify-content: flex-end !important;
  width: auto !important;
  column-gap: 0 !important;
}

#comp-kct9pxyh {
  width: auto !important;
}

[data-mesh-id="comp-kct9pxyhinlineContent-gridContainer"] > #comp-kct9q3be {
  margin: 0 !important;
  left: 0 !important;
  position: relative !important;
  width: auto !important;
}

/* Row 2 right — caret (same cell as nav, sits at far end) */
[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-kdo00wdk {
  grid-area: nav !important;
  margin: 8px 0 0 !important;
  left: auto !important;
  width: 20px !important;
  height: 20px !important;
  position: relative !important;
  justify-self: end !important;
  align-self: center !important;
  z-index: 2 !important;
}

#comp-kdo00wdk .AKxYR5,
#comp-kdo00wdk svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

#comp-kdo00wdk svg path {
  fill: rgb(243, 180, 109) !important;
}

/* Row 3 right — Order Online button */
[data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-luu1mz08 {
  grid-area: cta !important;
  margin: 2px 0 0 !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  position: relative !important;
  justify-self: end !important;
  align-self: start !important;
}

/* ── Nav menu links ── */
#comp-kct9q3be.hidden-during-prewarmup,
wix-dropdown-menu#comp-kct9q3be {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

#comp-kct9q3be {
  --txt: 255, 255, 255;
  --txth: 243, 180, 109;
  width: auto !important;
  height: auto !important;
  min-height: 28px !important;
  position: relative !important;
}

#comp-kct9q3be > nav,
wix-dropdown-menu#comp-kct9q3be > nav {
  position: relative !important;
  inset: auto !important;
}

#comp-kct9q3be .y7qwii {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  white-space: nowrap !important;
  text-align: right !important;
  overflow: visible !important;
}

#comp-kct9q3beitemsContainer .Tg1gOB,
#comp-kct9q3be .xTjc1A {
  display: inline-block !important;
}

#comp-kct9q3be .JS76Uv {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  font-family: brandon-grot-w01-light, brandon-grot-w05-light, sans-serif !important;
  padding: 0 10px !important;
  line-height: 1.4 !important;
}

#comp-kct9q3be a:hover .JS76Uv {
  color: rgb(243, 180, 109) !important;
}

#comp-kct9q3be .yRj2ms {
  padding: 0 !important;
}

#comp-kct9q3be__more__,
#comp-kct9q3bedropWrapper {
  display: none !important;
}

/* ── Order Online button ── */
#comp-luu1mz08 .FubTgk {
  height: auto !important;
}

#comp-luu1mz08 .uDW_Qe {
  position: relative !important;
  background-color: rgb(243, 180, 109) !important;
  border-radius: 999px !important;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4) !important;
  padding: 7px 18px !important;
  min-height: 0 !important;
  width: auto !important;
  display: inline-flex !important;
}

#comp-luu1mz08 .l7_2fn {
  color: #111 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  font-family: brandon-grot-w01-light, brandon-grot-w05-light, sans-serif !important;
  white-space: nowrap !important;
}

/* ── Mobile ── */
@media (max-width: 820px) {
  [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] {
    grid-template-areas:
      "announce"
      "logo"
      "subtitle"
      "nav"
      "cta" !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto auto !important;
  }

  [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-kcslv8wc3,
  [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-kcsmctp3 {
    justify-self: center !important;
  }

  #comp-kcslv8wc3 h1,
  #comp-kcsmctp3 p {
    text-align: center !important;
  }

  [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-kct9pxyg {
    justify-self: center !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-kdo00wdk {
    display: none !important;
  }

  [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > #comp-luu1mz08 {
    justify-self: center !important;
    margin-top: 8px !important;
  }

  #comp-kct9q3be .y7qwii {
    white-space: normal !important;
    text-align: center !important;
  }

  #comp-kct9q3be .JS76Uv {
    font-size: 15px !important;
    padding: 0 8px !important;
  }
}