/* ==========================================================================
   pages/beach-bar.css: bloki wyłącznie strony Beach Baru (prefiks .tawerna-* zostaje po starej stronie)
   Tylko tokeny z base.css, bez wartości hex. Ruch: atrybuty motion.js
   + assets/js/pages/beach-bar.js (zmierzch nad Beach Barem, ≥1024 px).
   ========================================================================== */

/* 1. Hero */
.tawerna-hero .hero__title{max-width:16ch}
.tawerna-nowrap{white-space:nowrap}

/* 2. W skrócie + karta „Godziny i sezon” */
.tawerna-intro__grid{display:grid;gap:var(--s-8) var(--gap)}
@media (min-width:1024px){
  .tawerna-intro__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}
  .tawerna-intro__body{grid-column:1 / span 7}
  .tawerna-call{grid-column:9 / -1}
}
.tawerna-call{display:grid;gap:var(--s-4);justify-items:start;padding:clamp(1.5rem, 3vw, 2.5rem);background:var(--paper);border-top:2px solid var(--accent)}
.tawerna-call__title{color:var(--ink-2)}
.tawerna-call__season{color:var(--ink);max-width:12ch}
.tawerna-call__text{color:var(--ink-2)}
.tawerna-call__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4) var(--s-6);margin-top:var(--s-2)}
.tawerna-call__hours{display:flex;align-items:center;gap:var(--s-2);margin:0;color:var(--ink-2);font-weight:500}
.tawerna-call__hours .i{flex:none;color:var(--accent-ink)}

/* 3. Beach Bar (ciemny blok „wieczór”) */
.tawerna-bar__grid{display:grid;gap:var(--s-8) var(--gap)}
.tawerna-bar__body{display:grid;gap:var(--s-5);justify-items:start;align-content:start;order:-1}
.tawerna-bar__body .horizon{width:100%;margin:0}
.tawerna-bar__body .t-h2{color:var(--on-night)}
@media (min-width:1024px){
  .tawerna-bar__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
  .tawerna-bar__media{grid-column:1 / span 7}
  .tawerna-bar__body{grid-column:9 / -1;order:0}
}
.tawerna-bar__stage{display:grid;gap:var(--s-6)}
.tawerna-bar__shot{margin:0}
.tawerna-bar__shot .frame{background:var(--lake-2)}
.tawerna-bar__list{gap:var(--s-3)}
.tawerna-bar__list li{color:var(--on-night-2)}
.tawerna-bar__list .i{color:var(--accent-on-night)}
.tawerna-bar .note{background:var(--lake-2);border-left-color:var(--accent-on-night);color:var(--on-night-2)}
.tawerna-bar .note .i{color:var(--accent-on-night)}
.tawerna-bar__wedding{color:var(--on-night-2)}
.tawerna-bar__gallery{margin-top:var(--s-9)}
.tawerna-bar__gallery > a{background:var(--lake-2)}
/* tryb zmierzchu (klasę dodaje beach-bar.js, tylko ≥1024 px i bez reduced motion) */
.tawerna-bar.is-dusk .tawerna-bar__stage{gap:0;position:relative}
.tawerna-bar.is-dusk .tawerna-bar__shot{grid-area:1 / 1}
.tawerna-bar.is-dusk .tawerna-bar__shot--dusk .frame{background:transparent}
.tawerna-bar__edge{position:absolute;left:0;right:0;top:0;height:1px;background:var(--accent-on-night);pointer-events:none;opacity:0}

/* 4. Ślub w plenerze */
.tawerna-wedding__grid{display:grid;gap:var(--s-8) var(--gap)}
.tawerna-wedding__body{display:grid;gap:var(--s-5);justify-items:start;align-content:start}
.tawerna-wedding__body .horizon{width:100%;margin:0}
@media (min-width:1024px){
  .tawerna-wedding__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
  .tawerna-wedding__media{grid-column:1 / span 7}
  .tawerna-wedding__body{grid-column:9 / -1}
}

/* Zobacz też: ciaśniej nad formularzem */
.tawerna-more .t-h3{max-width:none}