/* Header logo offset (approved: ~1in right on desktop) */
@media (min-width: 900px) {
  #wr-main-navigation .site-logo-img { margin-left: 96px; }
}
@media (max-width: 899.98px) {
  #wr-main-navigation .site-logo-img { margin-left: 0 !important; }
}

/* Location page */
.wr-lp { display: grid; grid-template-columns: 1fr; gap: 2rem; max-width: 1065px; margin: 2rem auto 3rem; padding: 0 16px; }
@media (min-width: 900px) {
  .wr-lp { grid-template-columns: 55fr 40fr; column-gap: 3rem; }
  .wr-lp__side { border-left: 1px solid #d9d9d9; padding-left: 2.5rem; }
  /* Right column starts level with the address line, not the store name (Eric 2026-10-19 round 2): title line box (clamp size x 1.15 line-height) plus the measured 5.4px line-box difference between the 1.125rem/1.7 address and the 1.25rem/normal "View Menus" row. */
  .wr-lp__side { padding-top: calc(clamp(1.375rem, 2.05vw, 1.8rem) * 1.15 + 5.4px); }
  /* Happy-hour box grows so its bottom edge lines up with the bottom of the right-hand list (when that column is the taller one). */
  .wr-lp__main { display: flex; flex-direction: column; }
  .wr-lp__main > .wr-lp__heading { margin-top: 1rem; } /* flex items do not collapse margins with the paragraph above */
  .wr-lp__hh { flex: 1 0 auto; }
  /* ...and when the left column is the taller one, the Services block is pushed to the bottom so the list still ends level with the box
     (client 2026-10-07: spare height goes between Order Delivery and Services; the heading stays tight to Dine-in). */
  .wr-lp__side { display: flex; flex-direction: column; }
  .wr-lp__side .wr-lp__heading--side { margin-top: auto; padding-top: 2rem; } /* beats the base rule below */
  /* client 2026-10-07: box stops short of the column divider for breathing room. */
  .wr-lp__hh { margin-right: 15%; }
  /* Open menu list floats over the column so it does not change the column height (and the box with it). */
  .wr-lp__menus--js { position: relative; }
  .wr-lp__menus--js .wr-lp__menus-list { position: absolute; top: 100%; left: 0; right: 0; z-index: 5; margin-top: 0; }
}
.wr-lp__title, .wr-lp__heading { margin: 0 0 .75rem; }
/* Store name: Georgia, back to maroon (Eric 2026-10-19 round 2; black was 2026-10-18) */
.wr-lp__title { font-family: Georgia, "Times New Roman", serif; font-weight: 700; letter-spacing: -0.02em; /* theme sets -2px/-1px on h1/h2 for its sans; Georgia wants a touch less than natural, no more (letters touch at -0.05em) */ color: var(--wp--preset--color--primary, #8a1e03); }
.wr-lp__title { font-size: clamp(1.375rem, 2.05vw, 1.8rem); line-height: 1.15; } /* client 2026-10-05: 15% smaller */
/* Hours + Happy Hour headings: literally the "View Menus" style (Rubik 400 1.25rem = 16% under the 1.4875rem Georgia they replaced; Eric said "20%" and "same font as View Menus", same-as wins), black (Eric 2026-10-19 round 2) */
.wr-lp__heading { font-family: inherit; font-weight: 400; letter-spacing: 0; color: #1f1f1f; font-size: 1.25rem; margin-top: 1.5rem; }
/* Right column labels: upper + lower case (client 2026-10-05). Bebas Neue has no lowercase, so these inherit the body font. */
.wr-lp__heading--side { font-family: inherit; font-weight: 500; letter-spacing: 0; font-size: 1.25rem; margin-top: 1.25rem; }
.wr-lp__address, .wr-lp__phone { font-size: 1.125rem; line-height: 1.7; margin: 0 0 .5rem; }
.wr-lp__center { display: block; }
.wr-lp__maps { text-decoration: none; color: inherit; }
.wr-lp__maps:hover, .wr-lp__maps:focus { text-decoration: underline; }
.wr-lp__phone a { text-decoration: underline; color: inherit; }
.wr-lp__rows { margin: 0; display: grid; grid-template-columns: max-content auto; column-gap: 3rem; row-gap: .4rem; justify-content: start; font-size: 1.125rem; }
.wr-lp__rows > div { display: contents; } /* dt/dd become grid items so times align in one column across rows */
.wr-lp__rows dt, .wr-lp__rows dd { margin: 0; }
.wr-lp__hh { border: 2px solid var(--wp--preset--color--primary, #8a1e03); padding: 1.25rem 1.5rem 1.5rem; margin-top: 2rem; }
.wr-lp__hh .wr-lp__heading { margin-top: 0; }
.wr-lp__asterisk { font-weight: 400; }
.wr-lp__promo { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #d9d9d9; }
.wr-lp__promo p { margin: 0 0 .25rem; font-size: 1.125rem; }
.wr-lp__promo .wr-lp__promo-title { font-family: inherit; font-weight: 400; letter-spacing: 0; font-size: 1.25rem; color: #1f1f1f; margin-bottom: .4rem; } /* same style as the Happy Hour heading above it (Eric 2026-10-19 round 2) */
.wr-lp__promo .wr-lp__promo-note { font-size: .875rem; color: #444; margin: 1.25rem 0 0; }
.wr-lp__menus-toggle, .wr-lp__link { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: .6rem 0; background: none; border: 0; border-bottom: 1px solid #d9d9d9; font-family: inherit; font-weight: 400; /* not bold (Eric 2026-10-19 round 2) */ font-size: 1.25rem; letter-spacing: 0; color: #1f1f1f; text-decoration: none; cursor: pointer; text-align: left; }
.wr-lp__chev { width: .6em; height: .6em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); margin-right: .3em; transition: transform .15s; } /* all four point right (client 2026-10-07) */
.wr-lp__menus-toggle[aria-expanded="true"] .wr-lp__chev { transform: rotate(45deg); } /* open = down */
.wr-lp__menus-list { list-style: none; margin: .25rem 0 .5rem; padding: .25rem .75rem; box-shadow: 0 2px 8px rgba(0,0,0,.15); background: #fff; }
.wr-lp__menus-list[hidden] { display: none; }
.wr-lp__menus-list li { border-bottom: 1px solid #e5e5e5; }
.wr-lp__menus-list li:last-child { border-bottom: 0; }
.wr-lp__menus-list a { display: block; padding: .45rem 0; color: #222; text-decoration: none; }
.wr-lp__menus-list a:hover, .wr-lp__menus-list a:focus { text-decoration: underline; }
.wr-lp__links { list-style: none; margin: 0; padding: 0; }
.wr-lp__services { list-style: none; margin: 0; padding: 0; }
.wr-lp__services li { padding: .5rem 0; border-bottom: 1px solid #e5e5e5; font-size: 1.125rem; }

.wr-lp__note { display: block; font-size: .95em; color: #444; }

/* Header Locations dropdown: show whole rows only, and keep a visible scrollbar.
   Overrides the theme Global Styles rule (.wp-block-navigation__submenu-container, 500px, overflow:scroll)
   via the header ID for specificity. Row height is fixed here so the panel height can be a multiple of it. */
#wr-main-navigation .wp-block-navigation__submenu-container {
  --wr-nav-row: 52px;
  --wr-nav-rows: 9;
  box-sizing: content-box;
  padding: 0 !important;
  max-height: calc(var(--wr-nav-row) * var(--wr-nav-rows)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin;
  scrollbar-color: #8a1e03 #efe9e2;
  scrollbar-gutter: stable;
}
#wr-main-navigation .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
  display: block;
  box-sizing: border-box;
  height: var(--wr-nav-row);
  line-height: 28px;
  padding: 12px 20px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Gilbert, AZ "Open Fall 2027" placeholder (plugin nav.php): href-less link, styled as muted text. */
#wr-main-navigation .wr-nav-coming-soon > .wp-block-navigation-item__content {
  color: #5f5f5f !important;
  cursor: default;
  text-decoration: none !important;
}
#wr-main-navigation .wp-block-navigation__submenu-container::-webkit-scrollbar { width: 6px; }
#wr-main-navigation .wp-block-navigation__submenu-container::-webkit-scrollbar-track { background: #efe9e2; border-radius: 3px; }
#wr-main-navigation .wp-block-navigation__submenu-container::-webkit-scrollbar-thumb { background: #8a1e03; border-radius: 3px; }
#wr-main-navigation .wp-block-navigation__submenu-container::-webkit-scrollbar-thumb:hover { background: #6e1802; }

/* Mobile hamburger overlay: Locations is a collapsed accordion (see assets/nav-mobile-accordion.js).
   Core forces every submenu open inside the overlay and hides its chevron; we keep core's chevron hidden,
   show our own toggle, and reveal the cities in normal flow only when .wr-nav-expanded is set. */
.wr-nav-acc-toggle { display: none; }
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wr-nav-acc-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25em;
  height: 2.25em;
  margin-left: .1em;
  padding: 0;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  vertical-align: middle;
}
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wr-nav-acc-toggle svg { transition: transform .15s; }
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child.wr-nav-expanded > .wr-nav-acc-toggle svg { transform: rotate(180deg); }
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container {
  display: none !important;
  max-height: none !important;
  overflow: visible !important;
  padding: .25em 0 .5em !important;
}
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child.wr-nav-expanded > .wp-block-navigation__submenu-container {
  display: block !important;
}
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
  height: auto;
  line-height: 1.4;
  padding: .55em 1em !important;
  font-size: .9em;
}
/* Overlay: the Locations label stays centered exactly like its siblings (grid 1fr auto 1fr);
   the chevron sits in the right-hand column; the cities span the full row below.
   Tapping the label toggles the list (see nav-mobile-accordion.js). */
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  justify-items: center;
}
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-item__content {
  grid-column: 2;
  cursor: pointer;
}
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wr-nav-acc-toggle {
  grid-column: 3;
  justify-self: start;
  margin-left: .2em;
}
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container {
  grid-column: 1 / -1;
}
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child.wr-nav-expanded > .wp-block-navigation-item__content,
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child.wr-nav-expanded > .wr-nav-acc-toggle {
  color: var(--wp--preset--color--primary, #8a1e03);
}
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child > .wr-nav-acc-toggle svg { transform: rotate(0deg) !important; }
#wr-main-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child.wr-nav-expanded > .wr-nav-acc-toggle svg { transform: rotate(180deg) !important; }

/* Shared full-width banner (template cover): shorter on smaller screens. Inline min-height needs !important. */
@media (max-width: 1024px) { .wr-restaurant-banner.wp-block-cover { min-height: 200px !important; } }
@media (max-width: 600px)  { .wr-restaurant-banner.wp-block-cover { min-height: 150px !important; } }