/* European menu folios, engraved brass, leather and a Benvenuto wax seal. */
:root {
  --heritage-brass:#b79b70;
  --heritage-brass-light:#e0c59b;
  --heritage-paper:#e7dac1;
  --heritage-paper-ink:#47382b;
  --heritage-leather:#532731;
}

/* Three engraved objects explain the three ways to find a pairing. */
.recommend-routes button {
  isolation:isolate;
  min-height:124px;
  padding:19px 92px 19px 23px;
  border:1px solid #9a8058;
  border-radius:2px;
  background:linear-gradient(125deg,#3a3027,#201e1b 72%);
  box-shadow:inset 0 0 0 4px #201c17,inset 0 0 0 5px #b79b7040,0 6px 16px #0003;
}
.recommend-routes button::before {
  content:'';
  position:absolute;
  z-index:-1;
  right:15px;
  top:20px;
  width:70px;
  height:70px;
  pointer-events:none;
  background:url('assets/heritage-engravings.svg') left center/300% 100% no-repeat;
  opacity:.9;
}
.recommend-routes #route-wine::before {background-position:center}
.recommend-routes #route-craving::before {background-position:right center}
.recommend-routes button:hover {border-color:var(--heritage-brass-light);box-shadow:inset 0 0 0 4px #201c17,inset 0 0 0 5px #b79b7080,0 8px 18px #0004}
.recommend-routes button[aria-selected=true] {
  background:radial-gradient(ellipse at 5% 5%,#fff9e650,transparent 70%),repeating-linear-gradient(12deg,#6f503905 0 1px,transparent 1px 4px),linear-gradient(115deg,#f0e5ce,#d7c39e);
  color:var(--heritage-paper-ink);
  border-color:#cbb184;
  box-shadow:inset 0 0 0 4px #e5d5b6,inset 0 0 0 5px #92754e99,0 7px 22px #0004;
}
.recommend-routes button[aria-selected=true]::before {filter:brightness(.57);opacity:.85}
.recommend-routes .route-number {font-family:Georgia,'Times New Roman',serif;font-size:13px;letter-spacing:2px;color:#c6ae86}
.recommend-routes .route-arrow {right:26px;bottom:16px;color:#c6ae86}

/* A bound menu, with small metal corner mounts and an inset rule. */
.game-selector {
  position:relative;
  border:1px solid #ad8e60;
  border-radius:3px;
  background:linear-gradient(95deg,#3d302320,transparent 14%,transparent 86%,#3d302320),#1c1c19;
  box-shadow:0 13px 35px #0006,inset 0 0 0 4px #171712,inset 0 0 0 5px #b79b7040;
}
.game-selector::before,.game-selector::after {
  content:'';
  position:absolute;
  z-index:4;
  width:34px;
  height:34px;
  pointer-events:none;
  background:url('assets/heritage-corner.svg') center/contain no-repeat;
  opacity:.75;
}
.game-selector::before {left:3px;top:3px}
.game-selector::after {right:3px;bottom:3px;transform:rotate(180deg)}
.selector-topline {
  padding-left:28px;
  border-bottom:3px double #a58a675c;
  background:radial-gradient(circle at 15px 50%,#a58a67 0 1px,transparent 2px),radial-gradient(circle at calc(100% - 15px) 50%,#a58a67 0 1px,transparent 2px),linear-gradient(#382e25,#28231e);
}
.selector-eyebrow {font-family:Georgia,'Times New Roman',serif;letter-spacing:2px;color:#d8bf96}
.selector-controls {background:#24221c;border-block-color:#a58a6740}
.selector-arrow {border-color:#9c8157;background:linear-gradient(145deg,#4e4230,#28231c);box-shadow:inset 0 0 0 2px #211e18,inset 0 0 0 3px #b79b7040;color:#e5cfa7}
.dish-tile {border-color:#8c76514d;background:linear-gradient(145deg,#302c23,#23221c);box-shadow:inset 0 0 0 2px #b79b7012}
.dish-tile[aria-pressed=true] {background:linear-gradient(130deg,#ede0c5,#cdb790);border-color:#d8bc88;box-shadow:inset 0 0 0 2px #8d714640,0 5px 15px #0004;color:#3d3227}
.dish-tile[aria-pressed=true]::after {
  content:'';
  display:block;
  position:absolute;
  z-index:4;
  right:3px;
  top:3px;
  width:29px;
  height:29px;
  border:0;
  border-radius:0;
  background:url('assets/heritage-seal.svg') center/contain no-repeat;
  pointer-events:none;
}
#menu-categories .choice-chip,.choice-chip {
  border-color:#9c815766;
  border-radius:2px;
  background:linear-gradient(180deg,#302b22,#201f1a);
  box-shadow:inset 0 0 0 2px #b79b700c;
}
#menu-categories .choice-chip[aria-pressed=true],.choice-chip[aria-pressed=true] {
  background:linear-gradient(145deg,#d8c295,#bca375);
  border-color:#dbc397;
  box-shadow:inset 0 0 0 2px #775b3a35;
  color:#352a1d;
}

/* Wine-coloured leather actions with a thin inset brass rule. */
.primary,.site-nav .nav-reservation,.arena-confirm,.arena-explore,.selector-continue,.pairing-confirm-wine,.meal-next-actions>.primary,.aperitivo-menu-action,.story-battle-menu,.battle-watch {
  border:1px solid #b69a70;
  border-radius:2px;
  background:repeating-linear-gradient(18deg,#e4b99504 0 1px,transparent 1px 4px),linear-gradient(140deg,#783b46,#50222e);
  color:#f8edda;
  box-shadow:inset 0 0 0 3px #50222e,inset 0 0 0 4px #bd9e7059,0 3px 9px #0003;
  text-shadow:0 1px 1px #29151c70;
}
.primary:hover,.site-nav .nav-reservation:hover,.arena-confirm:hover,.arena-explore:hover,.selector-continue:hover,.pairing-confirm-wine:hover,.meal-next-actions>.primary:hover,.aperitivo-menu-action:hover,.story-battle-menu:hover,.battle-watch:hover {
  background:linear-gradient(140deg,#884650,#622c38);
  border-color:#e0c59b;
  color:#fff4df;
  box-shadow:inset 0 0 0 3px #622c38,inset 0 0 0 4px #dfbf8659,0 4px 12px #0004;
}
.secondary,.outline-action,.pairing-info-action,.arena-menu-only,.pairing-toggle,.battle-reserve {
  border-color:#a78a605e;
  border-radius:2px;
  box-shadow:inset 0 0 0 2px #b79b7014;
}
.drama-watch,.hero>.drama-watch-main {
  border-color:#b39870;
  box-shadow:inset 0 0 0 3px #21191b,inset 0 0 0 4px #b79b7059,0 9px 22px #0004;
  background:repeating-linear-gradient(18deg,#e4b99504 0 1px,transparent 1px 4px),linear-gradient(115deg,#5a2f38,#2b2223 85%);
}
.drama-watch-icon {border-radius:50%;border:1px solid #b79b70;box-shadow:inset 0 0 0 3px #4e2731,inset 0 0 0 4px #d2af7866;background:radial-gradient(circle at 30% 20%,#8b4851,#532633)}

/* The invitation remains the same size, with the detail in its existing borders. */
.battle-popup {border-color:#ab8e63;box-shadow:0 18px 55px #0009,0 0 0 3px #b79b702b}
.battle-shell {background:radial-gradient(ellipse at 0 0,#fff9eb50,transparent 70%),linear-gradient(145deg,#f1e7d4f5,#e4d5b9f2),url('assets/atlas-menu-paper.webp') center/cover}
.battle-shell::before {inset:5px;border:1px solid #9a7b4e70;background:url('assets/heritage-corner.svg') left top/24px 24px no-repeat;opacity:.9}
.chef-battle-burst {border-color:#b79b70;background:linear-gradient(140deg,#6e3540,#44242d);box-shadow:inset 0 0 0 2px #4e2630,inset 0 0 0 3px #d1b17c45,0 3px 7px #2e1d2230}
.battle-food-frame {box-shadow:0 0 0 2px #b79b7020,0 3px 10px #33291e18}
.battle-popup .battle-portrait svg {box-shadow:0 0 0 2px #e7d6b3,0 0 0 3px #9a7b4e99}
.battle-popup .battle-giuseppe .battle-portrait svg {box-shadow:0 0 0 2px #e7d6b3,0 0 0 3px #9a7b4e99}
.booking-panel,.aperitivo-experience,.wine-choice,.pairing-card,.cast-card,.story-feature {
  box-shadow:inset 0 0 0 4px #b79b7009,inset 0 0 0 5px #b79b7026,0 7px 18px #0002;
}
.booking-panel {background:repeating-linear-gradient(12deg,#6f503905 0 1px,transparent 1px 4px),linear-gradient(130deg,#f0e5ce,#ddceb2);border-color:#b69a70}
.best-menu-badge {border-color:#cdb080;box-shadow:inset 0 0 0 1px #d6b47b22,0 3px 8px #0004;letter-spacing:1px}
@media (max-width:700px) {
  .recommend-routes button {min-height:70px;padding:12px 52px 12px 18px;grid-template-columns:23px minmax(0,1fr) 0;gap:6px 8px}
  .recommend-routes button::before {right:10px;top:15px;width:39px;height:39px}
  .recommend-routes .route-arrow {display:none}
  .recommend-routes .route-number {font-size:12px;letter-spacing:1px}
  .recommend-routes button strong {font-size:13px;line-height:1.6}
  .game-selector::before,.game-selector::after {width:25px;height:25px}
  .selector-topline {padding-left:23px}
  .dish-tile[aria-pressed=true]::after {width:25px;height:25px}
  .battle-shell::before {background-size:19px 19px}
}