/* THE INN V19 — HOMEPAGE POLISH. Scope: artwork sizing, modest management-led games, bar menu.
   The original hero, live jukebox/equaliser and every game page are deliberately untouched. */

/* Artwork must be a photograph of the cabinet itself, not a poster of the whole website.
   The four original uncaptioned assets have the same native 1.65–1.70 landscape ratio. */
body.home-redesign .v18-entertainment .v18-cabinet-art{
  height:auto !important; aspect-ratio:325 / 193; width:100%; max-width:100%;
  display:block; flex:0 0 auto; overflow:hidden; border:3px ridge #b58a53;
  background:#160b06; padding:0; box-sizing:border-box;
}
body.home-redesign .v18-entertainment .v18-cabinet-art img{
  display:block; width:100%; height:100%; object-fit:contain !important;
  object-position:center center !important; aspect-ratio:325 / 193 !important;
  background:linear-gradient(130deg,#2a1208,#110a08); border:0 !important;
  filter:saturate(1.06) contrast(1.02);
}
body.home-redesign .v18-entertainment .v18-cabinet-description{
  font-size:clamp(.82rem,1vw,.95rem);line-height:1.4; padding:13px 8px 11px;
  min-height:66px; color:#f1d9ae; text-wrap:balance;
}
body.home-redesign .v18-entertainment .v18-cabinet{
  transform-origin:center center; min-height:0; box-sizing:border-box;
}
body.home-redesign .v18-entertainment .v18-cabinet .v18-cabinet-cta{
  margin-top:auto; min-height:43px; display:flex; align-items:center; justify-content:center; gap:3px;
}
body.home-redesign .v18-entertainment .v18-cabinet-title{
  white-space:normal; font-size:clamp(1.15rem,1.65vw,1.65rem);
}

/* Understated, equal-weight signposts: these games require management to start them.
   No deceptive public "Play now" CTA and no full-width pirate advertisement. */
body.home-redesign .v18-entertainment .inn-hosted-games{
  margin:17px 1px 0; padding:10px 14px 11px; border:1px solid #88613a;
  background:linear-gradient(105deg,#28150c,#432719 51%,#28150c);
  box-shadow:inset 0 1px 0 #a1723766,0 5px 11px #0007;
}
.inn-hosted-heading{display:flex;align-items:center;justify-content:center;gap:15px;
 margin:0 0 9px;color:#dab37b;font:700 clamp(.6rem,.85vw,.73rem)/1.25 Georgia,serif;
 text-align:center;letter-spacing:.15em}
.inn-hosted-rule{height:1px;flex:1;max-width:170px;background:linear-gradient(90deg,transparent,#916c45,transparent)}
.inn-hosted-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.inn-hosted-game{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;
 gap:12px;min-height:69px;padding:11px 14px;border:2px ridge #9d7341;
 background:linear-gradient(130deg,#402618,#1a110d 70%,#392114);
 box-shadow:inset 0 0 0 1px #170e08,0 3px 9px #0007;color:#f5e2bd}
.inn-hosted-icon{font:1.75rem Georgia,serif;color:#e0b86e;text-align:center;text-shadow:0 2px 6px #000}
.inn-hosted-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.inn-hosted-copy strong{font:700 clamp(1rem,1.25vw,1.2rem)/1.1 'Playfair Display',Georgia,serif;color:#ffe2aa}
.inn-hosted-copy small{font:500 clamp(.75rem,.85vw,.87rem)/1.3 Georgia,serif;color:#dfc9a9}
.inn-hosted-stamp{color:#cba16a;border:1px solid #8b693d;border-radius:2px;padding:6px;
 font:700 .57rem/1.1 Georgia,serif;letter-spacing:.08em;white-space:nowrap}
body.home-redesign .v18-entertainment .inn-entertainment-foot{margin-top:10px}

/* Behind the Bar — a cabinet and drinks ledger, not a series of generic cards. */
body.home-redesign #drinks.inn-bar-section{max-width:1160px;margin:0 auto;padding:34px 18px 48px}
body.home-redesign .inn-bar-frame{
  position:relative;padding:14px clamp(16px,3vw,35px) 16px;
  border:7px ridge #a87945;border-radius:15px;
  background:radial-gradient(ellipse at 50% -5%,#b8793936,transparent 65%),
    repeating-linear-gradient(93deg,#22120b 0,#392013 45px,#2a160e 92px,#452817 114px);
  box-shadow:inset 0 0 0 2px #dfb578,inset 0 0 0 8px #24120a,0 14px 29px #0008;
  color:#f0d5ad;
}
body.home-redesign .inn-bar-frame:before{content:"";position:absolute;left:17px;right:17px;top:7px;height:2px;
 background:linear-gradient(90deg,transparent,#dcad64,transparent);opacity:.65}
.inn-bar-eyebrow{text-align:center;letter-spacing:.18em;color:#d9ab68;
 font:700 clamp(.58rem,.88vw,.73rem)/1.3 Georgia,serif;padding:2px 0 10px}
.inn-bar-eyebrow span{margin:0 6px}
.inn-bar-masthead{display:flex;align-items:center;justify-content:space-between;gap:22px;
 border-bottom:2px solid #906138;padding:9px clamp(0px,1vw,8px) 21px;margin-bottom:13px}
.inn-bar-masthead-copy{max-width:680px;min-width:0}
.inn-bar-masthead h2{font:700 clamp(2.2rem,4.2vw,3.8rem)/1.1 'Playfair Display',Georgia,serif;
 color:#ffdfab;text-shadow:0 4px 2px #170a05,0 0 18px #b8834047;margin:0 0 11px}
body.home-redesign .inn-bar-masthead p{font:500 clamp(.98rem,1.18vw,1.13rem)/1.55 Georgia,serif;
 color:#ead0a8;margin:0;max-width:59ch}
.inn-bar-house-sign{flex:0 0 158px;display:flex;flex-direction:column;align-items:center;justify-content:center;
 border:5px ridge #c99d5a;border-radius:50% 50% 8px 8px;padding:16px 10px 12px;
 min-height:148px;background:radial-gradient(ellipse at 50% 15%,#a76e3c70,transparent 68%),
 linear-gradient(145deg,#4c240f,#1c100b 76%);box-shadow:inset 0 0 0 2px #332013,0 5px 17px #0008;
 color:#e8cb94;transform:rotate(2deg)}
.inn-bar-house-sign span{font:700 .69rem/1 Georgia,serif;letter-spacing:.21em}
.inn-bar-house-sign strong{font:700 3.3rem/1.1 'Playfair Display',Georgia,serif;color:#ffdf9e;text-shadow:0 3px 3px #120902}
.inn-bar-house-sign small{font:700 .55rem/1 Georgia,serif;letter-spacing:.11em}
body.home-redesign details.inn-menu-more.inn-bar-ledger,
body.home-redesign details.inn-menu-more.inn-bar-ledger[open]{border:2px ridge #d0a563!important;
 border-radius:5px!important;overflow:hidden;box-shadow:inset 0 0 0 2px #2a170c,0 6px 18px #0008!important;
 background:#1e140d!important;margin:16px 0 12px!important}
body.home-redesign details.inn-menu-more.inn-bar-ledger > summary{
 display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:55px;
 padding:11px 17px!important;border:0!important;list-style:none;cursor:pointer;
 background:linear-gradient(#79502a,#432718 65%,#2f1c12)!important;
 color:#ffe3a9!important;box-shadow:inset 0 1px 0 #e4ad6688;
 font:700 clamp(.92rem,1.2vw,1.1rem)/1.1 Georgia,serif;letter-spacing:.1em;
}
body.home-redesign details.inn-menu-more.inn-bar-ledger > summary::-webkit-details-marker{display:none}
.inn-bar-summary-left{display:flex;align-items:center;gap:13px}
.inn-bar-summary-glyph{font:1.5rem Georgia,serif;color:#e7ba72}
.inn-bar-summary-hint{font:.65rem Georgia,serif;letter-spacing:.08em;opacity:.87;white-space:nowrap}
body.home-redesign details.inn-menu-more.inn-bar-ledger:not([open]) .inn-bar-summary-hint span{display:inline-block;transform:rotate(180deg)}
.inn-bar-menu-interior{padding:14px clamp(12px,2.4vw,24px) clamp(14px,2vw,24px);
 background:radial-gradient(ellipse at 50% 0,#67412d40,transparent 70%),
 repeating-linear-gradient(90deg,#231a14,#2d2018 29px,#221912 48px)}
.inn-bar-caption{display:flex;align-items:center;justify-content:center;gap:12px;
 padding:0 0 14px;margin:0!important;color:#d1aa70!important;text-align:center;
 font:700 clamp(.58rem,.85vw,.75rem)/1.3 Georgia,serif;letter-spacing:.13em}
body.home-redesign #drinks .menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:15px;margin:0!important;align-items:start}
body.home-redesign #drinks .menu-card{
 position:relative;display:block;min-width:0;padding:18px 18px 12px;
 border:4px ridge #936638!important;border-radius:5px!important;
 background:linear-gradient(165deg,#3a2115,#1b130e 68%,#301b13)!important;
 box-shadow:inset 0 0 0 2px #432c1b,0 8px 14px #0008!important;color:#f7dbad!important;
 filter:none!important;opacity:1!important;
}
body.home-redesign #drinks .menu-card::before{content:"";position:absolute;inset:5px 7px auto;height:2px;
 background:linear-gradient(90deg,transparent,#af824d,transparent)}
body.home-redesign #drinks .menu-card h3{display:flex;align-items:center;gap:10px;
 color:#f4d49b!important;margin:0 0 8px!important;text-transform:none;
 font:700 clamp(1.2rem,1.65vw,1.55rem)/1.15 'Playfair Display',Georgia,serif}
body.home-redesign #drinks .menu-card h3::before{content:"✦";color:#cba269;font:.82rem Georgia,serif}
body.home-redesign #drinks .menu-card h3::after{content:"";height:1px;flex:1;
 background:linear-gradient(90deg,#8d693b,transparent)}
body.home-redesign #drinks .menu-list{list-style:none;margin:0!important;padding:0!important}
body.home-redesign #drinks .menu-list li.live-drink-row{
 display:flex!important;align-items:center!important;gap:14px!important;
 padding:13px 1px!important;border-bottom:1px solid #ba8a5440!important;color:#f3ddbf!important;
}
body.home-redesign #drinks .menu-list li.live-drink-row:last-child{border-bottom:0!important}
body.home-redesign #drinks .live-drink-image{display:block;width:82px;height:87px;
 flex:0 0 82px;object-fit:cover;border:3px ridge #a47a45;border-radius:2px;
 background:linear-gradient(#261a12,#140e0a);box-shadow:0 3px 8px #0009;
}
body.home-redesign #drinks .live-drink-row .drink-text{display:flex!important;min-width:0;
 flex:1;flex-direction:column;align-items:flex-start!important;justify-content:center!important;gap:5px!important}
body.home-redesign #drinks .live-drink-row .drink-text .name{color:#ffdfad;font:700 clamp(1rem,1.25vw,1.15rem)/1.16 Georgia,serif}
body.home-redesign #drinks .live-drink-row .drink-text .note{color:#dfbea0!important;
 font:400 clamp(.86rem,1vw,.98rem)/1.35 Georgia,serif;text-align:left!important;overflow-wrap:anywhere}
body.home-redesign #drinks .inn-bar-waiting,
body.home-redesign #drinks .inn-bar-empty{
 grid-column:1/-1;margin:6px 0!important;padding:23px;text-align:center;color:#eac99c;
 background:#311e14;border:2px ridge #8e6d43;font:italic 1rem Georgia,serif;
}
.inn-bar-smallprint{text-align:center;font:italic .79rem/1.4 Georgia,serif;color:#c19f77!important;margin:12px 4px 0!important}

@media(max-width:1020px){
 .inn-hosted-game{grid-template-columns:30px 1fr;gap:10px}
 .inn-hosted-stamp{grid-column:2;justify-self:start;padding:4px 6px}
 body.home-redesign #drinks .menu-grid{gap:12px}
}
@media(max-width:730px){
 body.home-redesign #drinks .menu-grid{grid-template-columns:1fr}
 .inn-bar-masthead{align-items:flex-start}
 .inn-bar-house-sign{flex-basis:116px;min-height:115px;padding:12px 7px}
 .inn-bar-house-sign strong{font-size:2.4rem}
}
@media(max-width:675px){
 body.home-redesign .v18-entertainment .v18-cabinet-description{min-height:62px;font-size:clamp(.7rem,2.45vw,.86rem);padding:9px 3px}
 body.home-redesign .v18-entertainment .v18-cabinet-title{font-size:clamp(.89rem,4.1vw,1.2rem)}
 body.home-redesign .v18-entertainment .inn-hosted-games{padding:9px;margin-top:14px}
 .inn-hosted-grid{grid-template-columns:1fr;gap:8px}
 .inn-hosted-game{grid-template-columns:30px minmax(0,1fr) auto;padding:10px 9px;min-height:55px}
 .inn-hosted-stamp{grid-column:3;justify-self:end;font-size:.47rem}
 .inn-hosted-heading{letter-spacing:.07em}
 body.home-redesign #drinks.inn-bar-section{padding:24px 9px 34px}
 body.home-redesign .inn-bar-frame{border-width:5px;padding:12px 11px}
 .inn-bar-masthead{padding:8px 2px 15px}
 .inn-bar-masthead h2{font-size:clamp(2rem,8vw,2.65rem)}
 .inn-bar-house-sign{display:none}
 body.home-redesign details.inn-menu-more.inn-bar-ledger > summary{font-size:.78rem;padding:9px!important}
 .inn-bar-summary-hint{font-size:.52rem}
 .inn-bar-caption{font-size:.61rem;letter-spacing:.06em}
 body.home-redesign #drinks .menu-card{padding:15px 12px 10px}
 body.home-redesign #drinks .menu-list li.live-drink-row{gap:11px!important}
 body.home-redesign #drinks .live-drink-image{width:70px;height:74px;flex-basis:70px}
}
@media(max-width:390px){.inn-hosted-game{grid-template-columns:25px minmax(0,1fr)}.inn-hosted-stamp{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){body.home-redesign .v18-entertainment .v18-cabinet{transition:none!important}}
/* Account for the sticky navigation on anchor jumps; don't hide section headings. */
body.home-redesign :is(#attractions,#drinks,#overheard,#gallery,#about,#more-at-the-inn){scroll-margin-top:95px}
/* Live indicator must not cover the Jukebox description when a track starts. */
body.home-redesign .v18-entertainment .v18-cabinet .inn-game-juke-live:not([hidden]){
  top:60px;right:13px;left:auto;bottom:auto;max-width:calc(100% - 26px);
  padding:4px 6px;border:1px solid #b58b52;color:#f8dfac;
  box-shadow:0 3px 8px #000b;text-wrap:balance;
}
