/* ==========================================================================
   pages/przyjecia.css: bloki wyłącznie strony przyjęć (prefiks .przyjecia-*)
   Tylko tokeny z base.css (bez hex). Kształty: radius 0, koło tylko dla słońca.
   ========================================================================== */

/* 1. Hero: dyptyk „stół + plac zabaw obok” (H1 opowiedziany obrazem) */
.przyjecia-hero .hero__grid{position:relative}
/* picture ma w base max-width:100%, co zjada ujemny margines (spad do krawędzi) na mobile */
.przyjecia-hero .hero__media{justify-self:stretch;max-width:none}
.przyjecia-hero .hero__title{font-size:clamp(2.5rem, 1.4rem + 2.4vw, 3.75rem);max-width:17ch}
@media (max-width:1023px){ .przyjecia-hero .hero__content{padding-bottom:var(--s-5)} }
.przyjecia-hero__tel{font-weight:600}
.przyjecia-hero__tel .t-num{font-size:1.125rem}
.przyjecia-hero__inset{position:relative;z-index:1;justify-self:end;width:min(46%, 230px);margin:calc(clamp(96px, 26vw, 170px) * -1) 0 0;
  padding:8px 8px 10px;background:var(--mist)}
.przyjecia-hero__inset .frame__caption{margin-top:10px;font-size:.8125rem;line-height:1.35}
@media (min-width:1024px){
  .przyjecia-hero .hero__content{grid-column:1 / span 5;grid-row:1}
  .przyjecia-hero .hero__media{grid-row:1}
  .przyjecia-hero__inset{grid-column:6 / span 3;grid-row:1;align-self:end;justify-self:start;width:100%;max-width:264px;margin:0 0 var(--s-8)}
}
@media (min-width:1280px){ .przyjecia-hero__inset{max-width:280px} }

/* 2. W skrócie: akapit AEO + fakty w pionie (rejestr liczb) */
.przyjecia-brief__grid{display:grid;gap:var(--s-8)}
.przyjecia-brief__body .t-h2{max-width:20ch}
.przyjecia-brief__body .horizon{margin-bottom:var(--s-6)}
.przyjecia-brief .facts{grid-template-columns:minmax(0,1fr);gap:0}
.przyjecia-brief .fact{padding-block:var(--s-5)}
.przyjecia-brief .fact:last-child{border-bottom:1px solid var(--line)}
.przyjecia-brief .fact__num{font-size:clamp(3rem, 2.2rem + 2.6vw, 4.75rem)}
@media (min-width:480px){
  .przyjecia-brief .fact{grid-template-columns:minmax(0,10.5rem) minmax(0,1fr);align-items:baseline;gap:var(--s-5)}
}
@media (min-width:1024px){
  .przyjecia-brief__grid{grid-template-columns:7fr 5fr;column-gap:calc(var(--gap) * 3);align-items:end}
}

/* 3. Atuty dla rodzin: mozaika 7+5 z przesunięciem prawej kolumny */
.przyjecia-kids .section__head .t-lead{max-width:52ch}
.przyjecia-kids__grid{display:grid;gap:var(--s-7) var(--gap)}
.przyjecia-kids__side{display:grid;gap:var(--s-7);align-content:start}
.przyjecia-perks{gap:var(--s-4)}
.przyjecia-perks li{color:var(--ink-2)}
.przyjecia-perks strong{color:var(--ink)}
@media (min-width:1024px){
  .przyjecia-kids__grid{grid-template-columns:7fr 5fr;align-items:start}
  .przyjecia-kids__side{padding-top:var(--s-7);padding-left:var(--s-5)}
}

/* 4. Komunie: stół w pełnej szerokości kolumny, ścianka jako drugi plan (≥50%, 3/2, bez kadrowania do pionu) */
.przyjecia-included{margin-block:var(--s-2) var(--s-3);width:100%}
.przyjecia-pair{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-5) var(--gap)}
.przyjecia-pair__a{grid-column:1 / -1}
.przyjecia-pair__b{grid-column:3 / -1}
@media (min-width:768px){
  .przyjecia-pair__a{grid-column:1 / span 5}
  .przyjecia-pair__b{grid-column:4 / -1;margin-top:-9.5rem;position:relative;z-index:1;padding:10px 0 0 10px;background:var(--mist)}
}

/* 5. Chrzciny: dwa warianty menu jako „długość dnia” */
.przyjecia-baptism__grid{display:grid;gap:var(--s-7) var(--gap)}
.przyjecia-baptism__body{display:grid;gap:var(--s-6);justify-items:start;align-content:start}
.przyjecia-variants{display:grid;gap:var(--s-6);list-style:none;margin:0;padding:0;width:100%}
.przyjecia-variant{display:grid;gap:var(--s-2);padding-top:var(--s-5);border-top:1px solid var(--line);max-width:none}
.przyjecia-variant__kind{color:var(--ink-3);font-weight:600}
.przyjecia-course{position:relative;height:3.5rem;margin-top:var(--s-4);max-width:34rem}
.przyjecia-course__line{position:absolute;left:5px;top:5px;height:1px;background:var(--ink);transform-origin:left center}
.przyjecia-course--short .przyjecia-course__line{width:45%}
.przyjecia-course--long .przyjecia-course__line{right:6px}
.przyjecia-course__stop{position:absolute;top:0;left:0;display:grid;gap:12px;justify-items:start;font-size:var(--t-small);font-weight:600;color:var(--ink-2);white-space:nowrap}
.przyjecia-course--short .przyjecia-course__stop:last-child{left:45%}
.przyjecia-course--long .przyjecia-course__stop:last-child{left:auto;right:0;justify-items:end}
.przyjecia-course__mark{display:block;width:11px;height:11px;background:var(--ink)}
/* Kolacja kończy dzień: słońce z logo (jedyne dozwolone koło) */
.przyjecia-course__stop--sun .przyjecia-course__mark{width:14px;height:14px;margin-top:-1.5px;border-radius:50%;background:var(--accent)}
.przyjecia-baptism .note{max-width:var(--measure)}
@media (max-width:1023px){ .przyjecia-baptism__media .frame{aspect-ratio:4/3} }
@media (min-width:1024px){
  .przyjecia-baptism__grid{grid-template-columns:5fr 1fr 6fr;align-items:start}
  .przyjecia-baptism__media{grid-column:1}
  .przyjecia-baptism__body{grid-column:3}
}

/* 6. Przyjęcia okolicznościowe: kadr kinowy + okazje jako duże słowa-linki */
.przyjecia-occasions .przyjecia-occasions__frame{margin-bottom:var(--s-8)}
.przyjecia-occasions__grid{display:grid;gap:var(--s-7) var(--gap)}
.przyjecia-occasions__body{display:grid;gap:var(--s-6);justify-items:start;align-content:start}
.przyjecia-occasions__pick{display:grid;gap:var(--s-4);align-content:start}
.przyjecia-occasions__list{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) .4em;list-style:none;margin:0;padding:0}
.przyjecia-occasions__list li{display:inline-flex;align-items:baseline;gap:.4em;max-width:none}
.przyjecia-occasions__list li:not(:last-child)::after{content:"/" / "";color:var(--ink-3);font-size:clamp(1.75rem, 1.2rem + 2.2vw, 3rem);font-weight:300}
.przyjecia-occasions__list a{display:inline-block;padding-bottom:.08em;font-size:clamp(1.875rem, 1.2rem + 2.6vw, 3.5rem);font-stretch:var(--w-wide);font-weight:340;line-height:1.12;letter-spacing:-.015em;color:var(--ink);
  background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat;transition:background-size var(--d-ui) var(--ease-ui),color var(--d-micro) var(--ease-ui)}
@media (hover:hover) and (pointer:fine){ .przyjecia-occasions__list a:hover{background-size:100% 2px;color:var(--sky-ink)} }
.przyjecia-occasions__list a:focus-visible{background-size:100% 2px}
@media (min-width:1024px){
  .przyjecia-occasions__grid{grid-template-columns:5fr 7fr;column-gap:calc(var(--gap) * 2)}
  .przyjecia-occasions__pick{padding-top:var(--s-1)}
}

/* 7. Sale: asymetria 7+5 */
.przyjecia-rooms__grid{display:grid;gap:var(--s-8) var(--gap)}
.przyjecia-rooms__side{display:grid;gap:var(--s-7)}
.przyjecia-room{display:grid;gap:var(--s-3);align-content:start}
.przyjecia-room .frame{margin-bottom:var(--s-2)}
.przyjecia-room__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2) var(--s-4)}
.przyjecia-room__unit{color:var(--ink-2);font-weight:500;max-width:24ch}
@media (min-width:768px){
  .przyjecia-rooms__grid{grid-template-columns:7fr 5fr;align-items:start}
  .przyjecia-rooms__side{padding-top:var(--s-9)}
}

/* 8. Catering wigilijny: jedyny ciemny blok strony („wieczór”) */
.przyjecia-xmas__grid{display:grid;gap:var(--s-8) var(--gap)}
.przyjecia-xmas__intro{display:grid;gap:var(--s-5);justify-items:start;align-content:start}
.przyjecia-xmas__intro .t-h2{max-width:18ch}
.przyjecia-xmas .contact-line__tel{color:var(--on-night)}
.przyjecia-xmas__menu{display:grid;gap:var(--s-5);align-content:start}
.przyjecia-xmas__label{color:var(--on-night-2) !important;margin-top:var(--s-3)}
.przyjecia-xmas__groups{display:grid;gap:var(--s-6) var(--gap);padding-top:var(--s-5);border-top:1px solid var(--line-dark)}
.przyjecia-xmas__group h3{color:var(--on-night);margin-bottom:var(--s-2)}
.przyjecia-xmas__foot{color:var(--on-night-2) !important}
@media (min-width:768px){ .przyjecia-xmas__groups{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1024px){
  .przyjecia-xmas__grid{grid-template-columns:5fr 1fr 6fr}
  .przyjecia-xmas__intro{grid-column:1;position:sticky;top:calc(var(--header-h) + var(--s-6))}
  .przyjecia-xmas__menu{grid-column:3}
}

/* 9. Opinie: dwa cytaty, drugi przesunięty w dół */
.przyjecia-voices__grid{display:grid;gap:var(--s-8) var(--gap)}
.przyjecia-voices .t-quote{font-size:clamp(1.375rem, 1.1rem + 1.1vw, 2rem);line-height:1.28}
.przyjecia-voices .quote blockquote{max-width:34ch}
@media (min-width:1024px){
  .przyjecia-voices__grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .przyjecia-voices__grid > :first-child{grid-column:1 / span 6}
  .przyjecia-voices__grid > :last-child{grid-column:8 / span 5;margin-top:var(--s-9)}
}

/* 11. Zobacz też: mniej powietrza nad formularzem */
.przyjecia-more{padding-bottom:var(--section)}