/* ============================================================
   The Lobby Kitchen & Bar — site-specific additions on top of
   lobby-style.css (the reference theme).

   Only two things live here:
     1. the Order Online CTA, which the reference theme has no
        slot for, styled to read as native to it
     2. small bridges for markup this site has and the reference
        does not (SEO breadcrumb fallback)
   ============================================================ */

/* breadcrumbs are a fallback nav — hidden once the real header loads */
body.header-loaded .breadcrumb-container {
  display: none;
}

/* ------------------------------------------------------------
   Order Online CTA — desktop
   Sits opposite the primary nav, matching the theme's outline
   button treatment (see .button-find-us in the footer).
   ------------------------------------------------------------ */
.order-online-cta {
  display: none;
}

.order-online-button {
  font-family: "Pathway Gothic One", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  border: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease,
    border-color 0.3s ease;
}

.order-online-button:link,
.order-online-button:visited {
  color: #ffffff;
}

.order-online-button:hover,
.order-online-button:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}

.order-online-button .order-arrow {
  display: inline-block;
  margin-left: 4px;
  transition: transform 0.3s ease;
}

.order-online-button:hover .order-arrow,
.order-online-button:focus .order-arrow {
  transform: translate(2px, -2px);
}

/* The theme hides the desktop nav below its breakpoint; the CTA
   follows the same rule so the two never appear at once. */
@media (min-width: 992px) {
  .order-online-cta {
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    z-index: 30;
  }
}

/* ------------------------------------------------------------
   Order Online CTA — inside the off-canvas drawer (mobile)
   #utility is the theme's own drawer footer slot.
   ------------------------------------------------------------ */
#utility .order-online-link {
  display: block;
  margin: 20px 0 0;
  padding: 12px 16px;
  border: 1px solid #ffffff;
  font-family: "Pathway Gothic One", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#utility .order-online-link:hover,
#utility .order-online-link:focus {
  background-color: #ffffff;
  color: #000000;
}