/* Justin's Deli — classic NY deli palette: warm cream, deli red, charcoal */
:root {
	--cream: #FBF3E2;
	--cream-dark: #F3E5C8;
	--deli-red: #B3271E;
	--deli-red-dark: #8E1F18;
	--charcoal: #292420;
	--charcoal-deep: #1D1915;
}

body {
	background: var(--charcoal-deep);
}

/* Banner: Justin's own stacked sandwich, darkened for text */
#banner {
	background-image: url("../../images/sandwich.jpg");
	background-position: center center;
}
#banner h2 {
	color: #FFF8EA;
}
#banner .button.primary {
	background-color: var(--deli-red) !important;
	box-shadow: inset 0 0 0 2px var(--deli-red) !important;
}
#banner .button.primary:hover {
	background-color: var(--deli-red-dark) !important;
	box-shadow: inset 0 0 0 2px var(--deli-red-dark) !important;
}

/* Header */
#header {
	background: var(--charcoal);
	border-bottom: 3px solid var(--deli-red);
}
#header h1 a {
	color: #FFF8EA;
}
#menu {
	background: var(--deli-red);
}

/* Cream sections */
.wrapper.style1 {
	background-color: var(--cream);
	color: var(--charcoal);
}
.wrapper.style1 header.major h2 {
	color: var(--charcoal);
}
.wrapper.style1 header.major p {
	color: #5A4F43;
}
.wrapper.style1 .button.primary {
	background-color: var(--deli-red);
	box-shadow: inset 0 0 0 2px var(--deli-red);
	color: #FFF8EA !important;
}
.wrapper.style1 .button {
	box-shadow: inset 0 0 0 2px var(--charcoal);
	color: var(--charcoal) !important;
}
.wrapper.style1 .icon.major.style1,
.wrapper.style1 .icon.major.style2,
.wrapper.style1 .icon.major.style3 {
	background: var(--deli-red);
	color: #FFF8EA;
}

/* Spotlights: charcoal band */
.wrapper.style2 {
	background-color: var(--charcoal);
}
.spotlight .content h2 {
	color: #FFF8EA;
}
.spotlight .content p {
	color: #E8DCC4;
}

/* Red food section */
.wrapper.style3 {
	background-color: var(--deli-red);
}
.wrapper.style3 header.major h2,
.wrapper.style3 .features h3 {
	color: #FFF8EA;
}
.wrapper.style3 header.major p,
.wrapper.style3 .features p {
	color: #F6D9D2;
}
.wrapper.style3 .features li {
	border-top-color: rgba(255, 248, 234, 0.35);
}

/* CTA band */
.wrapper.style4 {
	background-color: var(--charcoal);
}
#cta .button.primary {
	background-color: var(--deli-red) !important;
	box-shadow: inset 0 0 0 2px var(--deli-red) !important;
}

/* Hours + gallery */
.hours-wrap {
	max-width: 30em;
	margin: 0 auto 2em auto;
}
.hours-table {
	width: 100%;
	margin: 0;
}
.hours-table td {
	padding: 0.6em 1em;
	border-bottom: 1px solid var(--cream-dark);
	text-align: left;
	font-weight: 600;
	color: var(--charcoal);
}
.hours-table td:last-child {
	text-align: right;
	color: var(--deli-red);
}
.gallery img {
	max-width: 34em;
	width: 100%;
	border-radius: 6px;
	border: 3px solid var(--cream-dark);
}

/* Footer */
#footer {
	background: var(--charcoal-deep);
}
#footer .copyright li {
	color: #CBBFA9;
}