/* 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: -.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;
	}
}