/* Murphys Irish Pub — site-specific styles. Loaded after base.css. */

/* ---- Fonts (latin only, inline for a faster first paint) ---------- */
@font-face{font-family:"Uncial Antiqua";font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/uncialantiqua/v22/N0bM2S5WOex4OUbESzoESK-i-MfWQZQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/barlowsemicondensed/v16/wlpvgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXeIqq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:600;font-display:optional;src:url(https://fonts.gstatic.com/s/barlowsemicondensed/v16/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfp66_B2sl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Semi Condensed";font-style:italic;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/barlowsemicondensed/v16/wlphgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXfbqoIE4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body{font-size:clamp(1.06rem,1rem + .3vw,1.16rem)}
h1,h2,h3{font-weight:400;letter-spacing:0}
h4{font-family:var(--font-body);font-weight:600;letter-spacing:0}
.btn{font-weight:600;border-radius:var(--radius);min-height:48px}
.btn-gold{background:var(--accent);color:var(--crest)}
.btn-gold:hover{filter:brightness(1.1)}
.btn-line{background:transparent;color:var(--paper);border-color:color-mix(in srgb,var(--paper) 70%,transparent)}
.btn-line:hover{border-color:var(--paper)}

/* ---- Header: the logo's black plate -------------------------------- */
.site-header{background:var(--crest);border-bottom:1px solid #2b241b;backdrop-filter:none}
.site-header .container{min-height:72px}
.brand img{height:54px;width:auto}
.nav a{color:var(--silver);font-size:var(--fs-md)}
.nav a:hover{color:#fff}
.nav a.btn-gold,.nav a.btn-gold:hover{color:var(--crest)}
.nav-toggle{color:var(--paper)}
@media(max-width:860px){
  .site-header{--header-h:72px}
  .nav{background:var(--crest);border-bottom:1px solid #2b241b}
  .nav a{border-bottom-color:#2b241b}
}

/* ---- Hero: the room itself ---------------------------------------- */
.hero-pub{position:relative;isolation:isolate;background:var(--crest);color:var(--paper);min-height:min(82vh,720px);display:flex;align-items:flex-end;padding:clamp(7rem,22vw,12rem) 0 clamp(2.5rem,6vw,4.5rem)}
.hero-pub>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;z-index:-2}
.hero-pub::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,17,13,.15) 0%,rgba(20,17,13,.45) 45%,rgba(20,17,13,.92) 100%)}
.hero-pub h1{font-size:clamp(2.4rem,1.6rem + 4.2vw,4.6rem);line-height:1.05;max-width:16ch;margin-bottom:var(--s-4);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.hero-pub .lede{color:#efe9dd;max-width:44ch}
.hero-pub .open{margin:var(--s-5) 0 0;font-size:var(--fs-md);color:#efe9dd}
.hero-pub .open strong{color:var(--accent);font-weight:600}
.hero-pub .actions{margin-top:var(--s-5)}

/* ---- The menu: on paper, with notes in the margins ---------------- */
.menu{background:var(--paper)}
.menu .section-head{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--s-4)}
.menu .section-head h2{margin:0}
.legend{display:flex;gap:var(--s-5);margin:0;font-size:var(--fs-sm);color:var(--ink-2)}
.legend span{display:inline-flex;align-items:center;gap:.4em}
.tag{display:inline-grid;place-items:center;min-width:1.9em;height:1.9em;padding:0 .3em;border-radius:999px;font:600 .72rem/1 var(--font-body);vertical-align:.15em;margin-left:.35em}
.tag.gf{background:#a3480b;color:#fff}
.tag.v{background:var(--brand);color:#fff}
.menu-cols{columns:1;column-gap:clamp(2rem,5vw,4.5rem)}
@media(min-width:900px){.menu-cols{columns:2}}
.course{break-inside:avoid;margin:0 0 var(--s-7)}
.course h3{font-size:var(--fs-xl);margin:0 0 .15em;padding-bottom:.25em;border-bottom:2px solid var(--ink)}
.course>.sub{margin:0 0 var(--s-4);color:var(--ink-2);font-size:var(--fs-sm)}
.course>h3+ul{margin-top:var(--s-4)}
.dishes{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4)}
.dish .head{display:flex;align-items:baseline;gap:.5em}
.dish h4{margin:0;font-size:var(--fs-lg);line-height:1.2}
.dish .head::after{content:"";flex:1;order:2;border-bottom:2px dotted #b9b0a1;transform:translateY(-.3em);min-width:1.5rem}
.dish .price{order:3;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.dish p{margin:.15em 0 0;color:var(--ink-2);font-size:var(--fs-sm);line-height:1.45}
.note{display:block;margin:.35em 0 0;font-style:italic;color:var(--ink-blue);font-size:var(--fs-md);transform:rotate(-1.5deg);transform-origin:left;max-width:30ch}
.note::before{content:"";display:inline-block;width:1.1em;height:.6em;margin-right:.35em;border-left:2px solid currentColor;border-bottom:2px solid currentColor;border-bottom-left-radius:.6em;vertical-align:.1em}
.course.boxed{border:3px solid var(--box,#5d9b3a);padding:var(--s-5);border-radius:255px 14px 225px 14px/14px 225px 14px 255px}
.course.boxed.orange{--box:#de7a2c}
.course.boxed h3{border-bottom:0;padding-bottom:0}
.short{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:var(--s-2) var(--s-6);list-style:none;margin:0;padding:0}
.short li{display:flex;justify-content:space-between;gap:.5em;font-weight:600}
.short li.note{display:block;font-weight:400}
.short li span:last-child{font-variant-numeric:tabular-nums}
.short .note{grid-column:1/-1}
.course .sunday{background:#fff;border:2px solid var(--ink);padding:var(--s-4);margin-top:var(--s-5)}

/* ---- Music: the wood of the bar ----------------------------------- */
.music{background:var(--wood);color:#efe9dd}
.music h2{color:#fff}
.music .grid-2{align-items:start;gap:var(--s-7)}
.music p{max-width:52ch}
.music .styles{font-size:var(--fs-lg);color:#fff}
.music a:not(.btn){color:#f0c46e}

/* ---- Story -------------------------------------------------------- */
.story .split{align-items:start}
.story .pullquote{font-size:clamp(1.45rem,1.15rem + 1.3vw,2.1rem);max-width:24ch;color:var(--ink)}
.story .pullquote+p{font-size:var(--fs-md)}
.house-beer{display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:var(--s-5);align-items:center;margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--line)}
.house-beer img{width:100%;height:auto;aspect-ratio:600/680;object-fit:contain;background:#000;border-radius:var(--radius)}
.house-beer h3{font-size:var(--fs-lg);margin-bottom:var(--s-2)}
@media(max-width:520px){.house-beer{grid-template-columns:110px 1fr}}

/* ---- Visit -------------------------------------------------------- */
.visit{background:var(--bg-alt)}
.visit .split{align-items:start}
.visit .hours{font-size:var(--fs-md)}
.visit address{font-style:normal;font-size:var(--fs-lg);margin-bottom:var(--s-5)}
.visit .map{aspect-ratio:4/3}

/* ---- Footer ------------------------------------------------------- */
.site-footer{background:var(--crest);color:var(--silver)}
.site-footer .brand img{height:72px}
.site-footer h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);color:#fff;margin-bottom:var(--s-3)}