/* Local design preview only: transparent original-brand assets. */
.header-inner { min-height: 106px; padding-block: 12px; }
.brand img { width: 124px; height: auto; object-fit: contain; }
.site-header { background: #fff; border-bottom-color: #e9e8e3; }
.venue-logos { gap: 28px; }
.apetit-logo-frame { display: block; position: relative; width: 114px; height: 74px; overflow: hidden; flex: none; }
.venue-logos .apetit-logo-frame .apetit-sign { position: absolute; width: 197.3px; height: auto; max-width: none; left: -41.1px; top: -27.2px; border-radius: 0; object-fit: contain; }
body[data-header-design="amarillo"] .site-header { background: var(--gold); border-bottom-color: #d59b26; }
body[data-header-design="amarillo"] .menu-toggle { border-color: #172c4b80; color: var(--navy); }
.js body[data-header-design="amarillo"] .main-navigation { border-top-color: #172c4b40; }
body[data-header-design="amarillo"] .site-header a:focus-visible,
body[data-header-design="amarillo"] .site-header button:focus-visible { outline-color: var(--navy); }
@media(max-width:760px) {
  .header-inner { min-height: 94px; padding-block: 10px; }
  .brand img { width: 106px; }
  .apetit-logo-frame { width: 100px; height: 65px; }
  .venue-logos .apetit-logo-frame .apetit-sign { width: 173.1px; left: -36px; top: -23.8px; }
}

/* User-selected option: yellow header with a blue navigation Menu button. */
body[data-header-design="amarillo"] .menu-toggle {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
}
/* Expanded and desktop navigation options use white with navy text/borders. */
body[data-header-design="amarillo"] .main-navigation > a {
  background: #fff;
  color: var(--navy);
  border: 1px solid var(--navy);
  border-radius: 5px;
  padding: 10px 16px;
  text-decoration: none;
}
@media(max-width:760px) {
  /* Proposed mobile panel: pending the user's visual review. */
  body[data-header-design="amarillo"] .main-navigation {
    background: var(--navy);
    padding: 8px 12px;
    border-radius: 12px;
    overflow: hidden;
    gap: 0;
    border-top: 0;
  }
  body[data-header-design="amarillo"] .main-navigation > a {
    background: transparent;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #ffffff33;
    border-radius: 0;
    padding: 12px 16px;
    text-align: center;
    justify-content: center;
  }
  body[data-header-design="amarillo"] .main-navigation > .button {
    background: var(--gold);
    color: var(--navy);
    border: 0;
    border-radius: 8px;
    margin-top: 8px;
    align-self: stretch;
  }
}