/* ==========================================================================
   pages/dla-firm.css: bloki wyłącznie strony „Dla firm” (prefiks .dla-firm-*)
   Tylko tokeny z base.css. Kształt: radius 0, pigułki tylko dla przycisków i chipów.
   ========================================================================== */

/* sprite z ikoną strony (wentylator), niewidoczny */

/* 1. Hero: zdjęcie ma jasne niebo u góry, więc tekst stoi nisko, na scrimie */
.dla-firm-hero .hero__title{max-width:14ch}
@media (min-width:1024px){ .dla-firm-hero{min-height:min(84svh, 820px)} }

/* 2. W skrócie + przykładowy dzień ----------------------------------------- */
.dla-firm-intro__title{max-width:20ch}
.dla-firm-intro__grid{display:grid;gap:var(--s-8)}
.dla-firm-intro__summary{font-size:var(--t-body);color:var(--ink-2)}
.dla-firm-intro__summary strong{color:var(--ink)}
@media (min-width:1024px){
  .dla-firm-intro__grid{grid-template-columns:5fr 7fr;gap:var(--gap);align-items:start}
  .dla-firm-intro__summary{margin-top:var(--s-4);padding-right:var(--s-6)}
}

.dla-firm-day{margin-top:var(--s-10)}
.dla-firm-day__title{margin-bottom:var(--s-7);max-width:24ch}
.dla-firm-day__rail{position:relative}
.dla-firm-day__list{display:grid;gap:0;list-style:none;margin:0;padding:0}
.dla-firm-day__stop{max-width:none}

/* linia dnia: tor = hairline, wypełnienie = indygo (rysowane scrollem w dla-firm.js) */
.dla-firm-day__line{position:absolute;left:5px;top:10px;bottom:10px;width:1px;background:var(--line);pointer-events:none}
.dla-firm-day__fill{position:absolute;inset:0;background:var(--ink);transform-origin:top center}

.dla-firm-day__link{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"mark when" ". what" ". go";
  column-gap:var(--s-5);row-gap:var(--s-2);padding:0 0 var(--s-7);color:inherit}
.dla-firm-day__stop:last-child .dla-firm-day__link{padding-bottom:0}
.dla-firm-day__mark{grid-area:mark;align-self:center;width:11px;height:11px;background:var(--ink);box-shadow:0 0 0 4px var(--mist);
  transition:transform var(--d-ui) var(--ease-ui),background-color var(--d-ui) var(--ease-ui)}
.dla-firm-day__when{grid-area:when;font-size:var(--t-label);font-stretch:var(--w-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.dla-firm-day__what{grid-area:what;font-size:var(--t-h4);font-weight:600;line-height:1.3;max-width:26ch;text-wrap:balance}
.dla-firm-day__go{grid-area:go;display:inline-flex;align-items:center;gap:.4rem;justify-self:start;min-height:32px;font-size:var(--t-small);font-weight:600;color:var(--ink-2)}
.dla-firm-day__go .i{width:16px;height:16px;transition:transform var(--d-ui) var(--ease-ui)}

@media (min-width:1024px){
  .dla-firm-day__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap)}
  .dla-firm-day__line{left:0;right:0;top:5px;bottom:auto;width:auto;height:1px}
  .dla-firm-day__fill{transform-origin:left center}
  .dla-firm-day__link{grid-template-columns:1fr;grid-template-areas:"mark" "when" "what" "go";row-gap:var(--s-3);padding:0}
  .dla-firm-day__mark{align-self:start;margin-bottom:var(--s-4)}
}

/* stan „na żywo”: tylko gdy dla-firm.js animuje; bez JS wszystko jest w stanie końcowym */
.dla-firm-day--live .dla-firm-day__stop:not(.is-active) .dla-firm-day__mark{background:var(--mist);box-shadow:0 0 0 4px var(--mist),inset 0 0 0 1.5px var(--ink-3)}
.dla-firm-day--live .dla-firm-day__stop:not(.is-active) .dla-firm-day__what{color:var(--ink-2)}
.dla-firm-day--live .dla-firm-day__what{transition:color var(--d-ui) var(--ease-ui)}
.dla-firm-day--live .dla-firm-day__stop.is-active .dla-firm-day__mark{transform:scale(1.15)}

@media (hover:hover) and (pointer:fine){
  .dla-firm-day__link:hover .dla-firm-day__go{color:var(--sky-ink)}
  .dla-firm-day__link:hover .dla-firm-day__go .i{transform:translateX(3px)}
  .dla-firm-day__link:hover .dla-firm-day__mark{transform:scale(1.25)}
}

/* 3. Sale: karta sprzętu + zdjęcie sali (3:2 na wąskich, 4:5 sticky w lewej kolumnie na desktopie) */
.dla-firm-rooms__grid{display:grid;gap:var(--s-8)}
.dla-firm-rooms__photo .frame{aspect-ratio:3/2}
.dla-firm-rooms__kicker{margin-bottom:var(--s-5)}
.dla-firm-kit{display:grid;gap:var(--s-6) var(--gap);list-style:none;margin:0;padding:0}
@media (min-width:600px){ .dla-firm-kit{grid-template-columns:repeat(2,minmax(0,1fr))} }
.dla-firm-kit__item{display:grid;gap:var(--s-3);align-content:start;padding-top:var(--s-5);border-top:1px solid var(--line);max-width:none}
.dla-firm-kit__item .i{color:var(--ink);margin-bottom:var(--s-2)}
.dla-firm-kit__text{color:var(--ink-2);max-width:32ch}
@media (min-width:1024px){
  .dla-firm-rooms__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}
  figure.dla-firm-rooms__photo{grid-column:1 / span 4;grid-row:1;position:sticky;top:calc(var(--header-h) + var(--s-7))}
  .dla-firm-rooms__photo .frame{aspect-ratio:4/5}
  .dla-firm-rooms__body{grid-column:6 / -1;grid-row:1}
}

/* 4. Catering: lista dań + dwa kadry w przesunięciu ------------------------ */
.dla-firm-food__grid{display:grid;gap:var(--s-8)}
.dla-firm-menu{display:grid;margin:0}
.dla-firm-menu__row{display:grid;gap:var(--s-2);padding:var(--s-5) 0;border-top:1px solid var(--line)}
.dla-firm-menu__row:first-child{border-top:0;padding-top:0}
.dla-firm-menu dd{margin:0;color:var(--ink-2);max-width:44ch}
.dla-firm-food__media{display:grid;gap:var(--s-6)}
@media (min-width:768px){
  .dla-firm-food__media{grid-template-columns:repeat(12,minmax(0,1fr));gap:0}
  figure.dla-firm-food__big{grid-column:1 / -1;grid-row:1}
  figure.dla-firm-food__small{grid-column:1 / span 6;grid-row:2;margin-top:calc(var(--s-10) * -1);position:relative;padding:var(--s-3) var(--s-3) 0 0;background:var(--mist)}
  .dla-firm-food__big .frame__caption{margin-left:calc(50% + var(--s-5))}
}
@media (min-width:1024px){
  .dla-firm-food__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:center}
  .dla-firm-food__body{grid-column:1 / span 5}
  .dla-firm-food__media{grid-column:7 / -1}
}

/* 5. Integracje na wodzie (section--lake) ---------------------------------- */
.dla-firm-water__grid{display:grid;gap:var(--s-8)}
.dla-firm-water__kicker{color:var(--on-night-2);font-weight:500;margin-bottom:var(--s-3)}
.dla-firm-formats{list-style:none;margin:0;padding:0;counter-reset:none}
.dla-firm-formats li{padding:var(--s-4) 0;border-bottom:1px solid var(--line-dark);max-width:none;color:var(--on-night);
  font-size:var(--t-h3);font-stretch:115%;font-weight:420;line-height:1.15;letter-spacing:-.01em}
.dla-firm-formats li:first-child{border-top:1px solid var(--line-dark)}
/* para miniatur: 2 kolumny na tablecie, na desktopie pod głównym kadrem (kolumna 7/12, 2 × ok. 330 px) */
.dla-firm-water__pair{display:grid;gap:var(--s-5);margin-top:var(--s-8)}
@media (min-width:600px){ .dla-firm-water__pair{grid-template-columns:repeat(2,minmax(0,1fr))} }
.dla-firm-water__prices{margin-top:var(--s-9);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
.dla-firm-water__prices > *{min-width:0}
.dla-firm-pills{margin-inline:calc(var(--gutter) * -1)}
.dla-firm-pills .rail__track{gap:var(--s-3);padding-bottom:var(--s-1)}
.dla-firm-water .pill-price{border-color:rgb(238 240 250 / .4);color:var(--on-night)}
.dla-firm-water .pill-price span{color:var(--on-night-2)}
.dla-firm-water__note{color:var(--on-night-2)}
.dla-firm-water__cta{margin-top:var(--s-4);gap:var(--s-4) var(--s-6)}
.dla-firm-water__tel{color:var(--on-night-2)}
.dla-firm-water__tel .link{font-stretch:var(--w-cond);font-weight:700;font-size:1.125rem;font-variant-numeric:tabular-nums}
@media (min-width:1024px){
  .dla-firm-water__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}
  .dla-firm-water__lead{grid-column:1 / span 7;grid-row:1}
  .dla-firm-water__side{grid-column:9 / -1;grid-row:1 / span 2;padding-top:var(--s-2);position:sticky;top:calc(var(--header-h) + var(--s-7))}
  .dla-firm-water__pair{grid-column:1 / span 7;grid-row:2;margin-top:0}
  .dla-firm-pills{margin-inline:0}
  .dla-firm-pills .rail__track{flex-wrap:wrap;overflow:visible;padding-inline:0}
}

/* 6. Noclegi: lista w jednej kolumnie (base .icon-list) */
.dla-firm-stay__list{gap:var(--s-4)}
.dla-firm-stay__list li{max-width:46ch}

/* 7. Park Narodowy: panorama + tekst i lista obok ---------------------------- */
figure.dla-firm-park__pano{margin-bottom:var(--s-8)}
.dla-firm-park__grid{display:grid;gap:var(--s-7)}
.dla-firm-park__body{display:grid;gap:var(--s-5)}
.dla-firm-park__body p{color:var(--ink-2);font-size:var(--t-lead);line-height:1.55}
.dla-firm-park__list{gap:var(--s-4)}
.dla-firm-park__list li{padding-bottom:var(--s-4);border-bottom:1px solid var(--line);max-width:none}
.dla-firm-park__list li.dla-firm-park__more{border-bottom:0;padding-top:var(--s-2)}
@media (min-width:1024px){
  .dla-firm-park__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}
  .dla-firm-park__body{grid-column:1 / span 6}
  .dla-firm-park__list{grid-column:8 / -1;padding-top:var(--s-3)}
}

/* 9. Zobacz też */
.dla-firm-more .tile__title{font-size:clamp(1.25rem, 1.05rem + .8vw, 1.75rem)}

/* 10. Co podać w zapytaniu: pięć pól formularza, łączy się z sekcją formularza pod spodem */
.dla-firm-brief{padding-bottom:0}
.dla-firm-brief + .inquiry{padding-top:var(--s-9)}
.dla-firm-brief__list{display:grid;gap:var(--s-6) var(--gap);list-style:none;margin:0;padding:0}
@media (min-width:600px){ .dla-firm-brief__list{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1024px){ .dla-firm-brief__list{grid-template-columns:repeat(5,minmax(0,1fr))} }
.dla-firm-brief__item{display:grid;gap:var(--s-3);align-content:start;padding-top:var(--s-5);border-top:2px solid var(--ink);max-width:none}
.dla-firm-brief__item .i{color:var(--ink);margin-bottom:var(--s-2)}
.dla-firm-brief__text{color:var(--ink-2);font-size:var(--t-small);font-weight:500;line-height:1.5}
.dla-firm-brief + .inquiry .inquiry__grid{border-top:1px solid var(--line);padding-top:var(--s-9)}

@media (prefers-reduced-motion: reduce){
  .dla-firm-day__fill{transform:none !important}
}