/* Pacha ICONS (7 Oct 2026): night venue, dark. No 360 tour: the table map is the main view,
   the selected table's panel sits directly under it, no table list. */
html[data-venue="pachaicons"]{--pk-ground:#0b0b0c;--pk-line:rgba(255,255,255,.14)}
html[data-venue="pachaicons"] body{background:var(--pk-ground)}

/* ---- typographic hero (no photography supplied) ---- */
.chero.pacha-hero{min-height:78vh;min-height:78svh;background:#0b0b0c;
 background-image:radial-gradient(ellipse 70% 60% at 78% 18%,rgba(98,164,255,.10),transparent 60%),radial-gradient(ellipse 60% 50% at 12% 88%,rgba(255,92,103,.09),transparent 62%)}
.chero.pacha-hero .shade{background:linear-gradient(180deg,rgba(11,11,12,.0) 0%,rgba(11,11,12,.0) 60%,rgba(11,11,12,.9) 100%)}
.chero.pacha-hero .in{display:block!important;text-align:start}
.chero.pacha-hero .pk{margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.72);max-width:none}
.chero.pacha-hero h1{font-style:normal;font-weight:800;font-size:clamp(54px,9vw,140px);line-height:.88;letter-spacing:-.02em;max-width:none}
.chero.pacha-hero #dheroS{margin-top:22px;font-size:clamp(15px,1.4vw,18px);font-weight:500;color:rgba(255,255,255,.86);max-width:none}
.chero.pacha-hero .cta{margin-top:34px}
@media(max-width:820px){
 .chero.pacha-hero{min-height:64vh;min-height:64svh;padding-top:calc(var(--navh) + 70px)}
 .chero.pacha-hero .in{text-align:center}
 .chero.pacha-hero .pk{font-size:11px;letter-spacing:.24em}
 .chero.pacha-hero h1{font-size:clamp(46px,14vw,72px)}
}

/* ---- booking bar: the night is fixed ---- */
.controls .fixed-field .fixed-v{font-size:14px;line-height:24px;min-height:24px;font-weight:600;color:var(--ink,#f5f5f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .controls .venue-budget{display:none!important}
@media(max-width:820px){
 html body .controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body .controls .fixed-field:first-child{grid-column:1/-1}
 .controls .fixed-field .fixed-v{font-size:clamp(13px,3.6vw,16px)}
}
/* the booking form keeps guests editable but not the date (this page sells one night) */
html body #rzkEdit .rzk-edit-f:first-child{display:none!important}

/* ---- panel: plan, then the table panel, no list ---- */
html body .panel>#list,html body .panel>#listMore,html body .panel>.table-empty,html body .panel>#minxLine{display:none!important}
html body .panel>.explore-link{display:none!important}
@media(min-width:821px){
 html body .panel{grid-template-columns:minmax(0,1fr)!important;row-gap:0!important}
 html body .panel>.plan{grid-row:3!important;grid-column:1/-1!important;margin:6px 0 0!important}
 html body .panel>#summary{grid-row:4!important;grid-column:1/-1!important;margin-top:18px}
 html body .panel .plan svg{max-height:none}
}
html body .panel>#summary{grid-column:1/-1}

/* ---- the plan ---- */
html[data-venue="pachaicons"] .plan{background:#0b0b0c;border:1px solid var(--pk-line);border-radius:16px}
#plan{background:#0b0b0c;border-radius:10px;-webkit-tap-highlight-color:transparent}
#plan .seat{cursor:pointer;outline:none}
#plan .seat .m{transition:fill .15s,stroke .15s,stroke-width .15s}
#plan .seat:not(.off):hover .m,#plan .seat:not(.off):focus-visible .m{stroke:#fff;stroke-width:4}
#plan .seat.sel .m{fill:var(--rim);stroke:#fff;stroke-width:5}
#plan .seat.sel .lb{fill:#0b0b0c}
#plan .seat.off{cursor:not-allowed}
.plan .legend{gap:8px 16px;margin-top:14px}
.plan .legend span{color:rgba(255,255,255,.72)}
.plan .legend i{width:12px;height:12px;border-radius:50%;border:2px solid}
.plan .legend .na i{background:#18181b;border-color:#3a3a3f}
.plan .note{color:rgba(255,255,255,.6)}
.plan-zoom{background:#141417!important;color:#e9e9ec!important;border-radius:10px 10px 0 0}
.plan-zoom button{background:#0b0b0c!important;color:#e9e9ec!important;border-color:#3a3a40!important}

/* ---- FAQ without photography; closing without photography ---- */
html[data-venue="pachaicons"] .faq{grid-template-columns:minmax(0,1fr)!important;background:#101012}
html[data-venue="pachaicons"] .faq .faq-in{max-width:880px;margin:0 auto;width:100%}
html[data-venue="pachaicons"] .closing{background:#0b0b0c;background-image:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(181,133,255,.10),transparent 65%);min-height:0}
html[data-venue="pachaicons"] .closing h2{font-style:normal}
.chero.pacha-hero h1{line-height:1}
.chero.pacha-hero h1 .hl{padding-bottom:.06em;margin-bottom:-.1em}
/* phones: 1470-unit plan at 900px wide (tables ~25px), scrolled sideways */
.plan-scroll{position:relative}
@media(max-width:820px){
 html[data-venue="pachaicons"] .plan-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 -14px;padding:0 14px;scrollbar-width:thin}
 html[data-venue="pachaicons"] .plan-scroll svg#plan{width:900px!important;min-width:900px!important;max-width:none!important;height:auto!important}
 html[data-venue="pachaicons"] .plan-scroll #plan[style*="pan-y"]{touch-action:pan-x pan-y!important}
}