.booking-dialog{box-sizing:border-box;width:min(860px,calc(100vw - 48px));max-height:94dvh;padding:24px;border:1px solid #ac8150;border-radius:14px;background:var(--colour-paper,#fff8ee);color:#231f1a;overflow:auto;font-family:var(--font-body,Arial,sans-serif)}
.booking-dialog::backdrop{background:#21151ccc;backdrop-filter:blur(6px)}
.booking-dialog-header{position:sticky;top:-24px;z-index:1;background:var(--colour-paper,#fff8ee);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:12px}
.booking-dialog-header h2{font-size:clamp(24px,4vw,36px);line-height:1.1;letter-spacing:var(--tracking-heading,-.035em);margin:0}
.booking-close,.booking-load{cursor:pointer;background:var(--colour-olive,#4c5229);color:#fff8ee;border:0;border-radius:6px;min-height:44px;padding:10px 16px;font:inherit}
.booking-provider-note,.booking-help,.booking-direct{font-size:14px;line-height:var(--leading-body,1.6)}
.booking-dialog .booking-frame{display:block;width:100%;height:940px;min-height:0;border:0;background:#fff;border-radius:4px}
.booking-help{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.booking-help a,.booking-direct a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.booking-dialog :focus-visible,.booking-direct a:focus-visible{outline:3px solid #5b1f33;outline-offset:4px}
@media(max-width:599px){#barski-booking .booking-load,button.booking-trigger{display:none!important}.booking-direct{margin-block:12px}.booking-dialog{display:none}}

.barski-page .plain-hero{padding-block:56px 40px}
.barski-page .plain-hero h1{font-size:clamp(40px,8vw,100px);max-width:12ch}
.barski-page .plain-hero p{max-width:52ch}
.barski-room{margin-block:0}
.barski-room img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:6px}
.barski-page-visit{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:5vw;align-items:start;padding-block:48px 72px}
.barski-page-food{margin:0;min-width:0}
.barski-page-food img{display:block;width:100%;height:auto;border-radius:6px}
.barski-page-food figcaption{font-size:12px;line-height:1.5;color:#615748;margin-top:10px}
.barski-page-details{min-width:0}
.barski-page-actions{display:flex;gap:12px 24px;align-items:center;flex-wrap:wrap}
.barski-page-actions .button{margin:0;background:#4c5229;color:#fff8ee;border:0;font:inherit;cursor:pointer}
.barski-page-actions .text-link{display:inline-flex;align-items:center;min-height:48px}
.barski-page-practical{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;border-top:1px solid #c8b9a5;margin-top:24px;padding-top:24px}
.barski-page-practical h2{font-size:16px;line-height:1.4;letter-spacing:0;margin:0 0 12px}
.barski-page-practical p,.barski-page-practical a{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:900px){.barski-page-practical{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.barski-page-visit{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:28px 48px}.barski-page .plain-hero{padding-block:36px 28px}.barski-page-actions{gap:12px 24px}.barski-page .booking-direct{margin-top:0}}
.barski-page{background:#fff8ee;color:#231f1a}
.barski-page .plain-hero p,.barski-page .plain-hero .eyebrow{color:#514b42}
.barski-page .booking-direct{margin-bottom:0}

@media(max-width:599px){#barski-booking .booking-direct a.button{display:inline-flex;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid #4c5229;border-radius:6px;background:#4c5229;color:#fff8ee;font-weight:700;text-decoration:none}}

/* Additive only · Barski page, 17 September 2026. Nothing above this line is edited.

   One "Boka bord" per breakpoint. web/barski-booking.js always injects the direct provider link,
   because on a page with no primary button (the launch wall's own card) that link IS the control.
   On /barski there is a primary button, and above 600px both were rendered, stacking two buttons
   in the narrow right-hand column of .barski-page-visit. This is the swap the wall already makes
   (launch-wall.css:60/:64), applied on this page: the direct link is hidden while the button is
   visible, and shown again below 600px, where barski-booking.css:11 hides the button.
   599 rather than 600 to match :11, :35 and launch-wall.css:64, so no one-pixel window shows two
   controls or none. */
.barski-page .booking-inline-anchor .booking-direct{display:none}
@media(max-width:599px){.barski-page .booking-inline-anchor .booking-direct{display:block}}

/* The tap-list trigger is a button now, because it opens a dialog on this page instead of leaving
   for Untappd. These declarations undo the browser's own button chrome and nothing else: the
   underline, the underline offset, the 700 weight and the 12px vertical padding keep coming from
   .text-link (web/styles.css), so it renders exactly like "Se menyn" beside it. font-weight is
   deliberately absent: `inherit` here would out-specify .text-link and lose the bold. */
.barski-page-actions button.text-link{background:none;border:0;cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit}
@media(min-width:600px){#barski-booking .booking-direct,#barski-booking .booking-placeholder{display:none}}

/* Supplied Thai Fury identity and food, shared by Barski and the homepage. */
.thai-fury-logo{display:block;width:160px;max-width:100%;height:auto;margin:0 0 18px}
.thai-fury-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.thai-fury-photos img{display:block;width:100%;height:auto;aspect-ratio:2000/1333;object-fit:cover;border-radius:6px}
.barski-kitchen{font-size:16px;line-height:1.5;margin:0 0 20px}
@media(max-width:600px){.thai-fury-logo{width:140px;margin-bottom:14px}.thai-fury-photos{gap:8px}}