/* ================================================================
   VOLLEY PISZ v6.6 — SITE COHESION
   Spójność warstwy publicznej z Aktualności Premium.
   Tylko prezentacja: bez zmian danych, CMS, Supabase i logiki JS.
   ================================================================ */

:root{
  --vp-cohesion-border:#e4ddd0;
  --vp-cohesion-border-strong:#d4c59f;
  --vp-cohesion-paper:#fffdfa;
  --vp-cohesion-paper-soft:#f8f5ee;
  --vp-cohesion-shadow:0 14px 38px rgba(7,23,36,.07);
  --vp-cohesion-shadow-hover:0 22px 52px rgba(7,23,36,.115);
}

/* --- wspólna hierarchia nagłówków --- */
.head h2,.sectionTitle h2,.about h2,.hallLandingHead h1,.hallIntroCard h2{
  text-wrap:balance;
}
.head .kicker,.sectionTitle .kicker,.about .kicker,.hallView .kicker{
  position:relative;
  padding-left:28px;
}
.head .kicker::before,.sectionTitle .kicker::before,.about .kicker::before,.hallView .kicker::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  width:18px;height:2px;
  transform:translateY(-50%);
  border-radius:999px;
  background:var(--vp-gold-500);
}
.hero .kicker{padding-left:0}.hero .kicker::before{display:none}

/* --- strona główna: kafle jak jedna rodzina z newsami --- */
.mainTiles{gap:18px}
.mainTile{
  overflow:hidden;
  border-color:var(--vp-cohesion-border);
  background:linear-gradient(180deg,#fff 0%,var(--vp-cohesion-paper) 100%);
  box-shadow:var(--vp-cohesion-shadow);
}
.mainTile::after{
  content:"";
  position:absolute;
  left:24px;bottom:0;
  width:54px;height:3px;
  border-radius:999px 999px 0 0;
  background:var(--vp-gold-500);
  opacity:.85;
  transition:width .2s ease;
}
.mainTile:hover{box-shadow:var(--vp-cohesion-shadow-hover)}
.mainTile:hover::after{width:94px}
.mainTile.featured::after{background:var(--vp-gold-500)}
.mainTile h3{font-size:clamp(25px,2.5vw,31px)}

/* --- news grid: karta ma ten sam rytm co pełny artykuł --- */
#cmsNewsGrid .card,#cupRelationGrid .card,#hallNewsGrid .card{
  border-color:var(--vp-cohesion-border);
  background:linear-gradient(180deg,#fff 0%,#fffdfa 100%);
  box-shadow:var(--vp-cohesion-shadow);
}
#cmsNewsGrid .cardMedia,#cupRelationGrid .cardMedia,#hallNewsGrid .hallNewsThumb{
  position:relative;
}
#cmsNewsGrid .cardBody,#cupRelationGrid .cardBody,#hallNewsGrid .cardBody{position:relative}
#cmsNewsGrid .cardBody::before,#cupRelationGrid .cardBody::before,#hallNewsGrid .cardBody::before{
  content:"";display:block;width:44px;height:2px;margin:0 0 13px;border-radius:999px;background:var(--vp-gold-500)
}
.card .meta{letter-spacing:.11em}

/* --- O nas: mniej "cztery pudełka", więcej editorial premium --- */
.about{position:relative;overflow:hidden}
.about::before{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-180px;
  background:radial-gradient(circle,rgba(231,187,88,.12),rgba(231,187,88,0) 70%);pointer-events:none
}
.aboutGrid{position:relative;z-index:1}
.values{gap:14px}
.value{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.12);
  box-shadow:0 12px 28px rgba(0,0,0,.08)
}
.value::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:rgba(231,187,88,.7)}
.value b,.value p{padding-left:8px}

/* --- Galeria: zdjęcia jako materiały, nie przypadkowe miniaturki --- */
.galleryWrap{padding:16px;border:1px solid var(--vp-cohesion-border);border-radius:26px;background:#fff;box-shadow:var(--vp-cohesion-shadow)}
.gallery>a,.gallery>button{overflow:hidden;border:1px solid #ebe5db!important;background:#f2efe8!important}
.gallery>a img,.gallery>button img{transition:transform .3s ease,filter .3s ease}
.gallery>a:hover img,.gallery>button:hover img{transform:scale(1.025);filter:saturate(1.04)}
.galArrow{border:1px solid #e2dacb!important}

/* --- Cup: hero i moduły w tej samej linii premium --- */
.cupLandingHead{position:relative;overflow:hidden}
.cupLandingHead::after{
  content:"";position:absolute;right:28%;bottom:-2px;width:190px;height:4px;border-radius:999px 999px 0 0;background:var(--vp-gold-500);opacity:.8
}
.cupTile{
  border-color:var(--vp-cohesion-border);
  background:linear-gradient(180deg,#fff,var(--vp-cohesion-paper));
  box-shadow:var(--vp-cohesion-shadow)
}
.cupTile:hover{box-shadow:var(--vp-cohesion-shadow-hover)}
.cupTile.active{border-color:#d6b25c;background:#fffdf7}
.sectionTitle{padding-bottom:14px;border-bottom:1px solid #e5ded2}
.docsGrid{gap:16px}
.docCard{
  position:relative;overflow:hidden;border-color:var(--vp-cohesion-border);background:linear-gradient(180deg,#fff,var(--vp-cohesion-paper));box-shadow:var(--vp-cohesion-shadow);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.docCard::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--vp-gold-500);opacity:.75}
.docCard:hover{transform:translateY(-2px);box-shadow:var(--vp-cohesion-shadow-hover)}
.docCard .docType{background:linear-gradient(145deg,var(--vp-navy-950),var(--vp-navy-900));box-shadow:0 8px 18px rgba(7,23,36,.16)}

/* --- centrum Cup: spokojniejsza powierzchnia, mocniejsza hierarchia --- */
.hub{border-color:var(--vp-cohesion-border);background:var(--vp-cohesion-paper-soft);box-shadow:var(--vp-cohesion-shadow)}
.hubTop{background:linear-gradient(180deg,#fff,#fbf8f1)}
.tab.active{color:var(--vp-navy-950);border-color:var(--vp-gold-500)}

/* --- Turniej halowy: przestaje wyglądać jak osobny produkt --- */
.hallView{background:linear-gradient(180deg,#f7f4ed,#f4f0e8)}
.hallEventCard,.hallIntroCard,.hallInfoCard,.registrationCard,.hallHub,.hallRulesGrid article,.hallPrinciples article,.hallRegDecision{
  border-color:var(--vp-cohesion-border);
  border-radius:22px;
  box-shadow:var(--vp-cohesion-shadow);
  background:linear-gradient(180deg,#fff,var(--vp-cohesion-paper))
}
.hallLandingHead h1{color:var(--vp-navy-950);letter-spacing:-.055em}
.hallLandingHead p,.hallIntroCard p,.hallInfoCard p,.hallRulesGrid p,.hallPrinciples p{color:var(--vp-muted)}
.hallTiles{gap:14px}
.hallTile{
  position:relative;overflow:hidden;
  border-color:var(--vp-cohesion-border);border-radius:18px;
  background:linear-gradient(180deg,#fff,var(--vp-cohesion-paper));
  box-shadow:0 8px 22px rgba(7,23,36,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.hallTile:hover{transform:translateY(-2px);box-shadow:var(--vp-cohesion-shadow);border-color:#d7cdb8}
.hallTile.active{border-color:#d6b25c;box-shadow:0 0 0 2px rgba(231,187,88,.15),var(--vp-cohesion-shadow)}
.hallTile.liveTile{background:linear-gradient(145deg,var(--vp-navy-950),var(--vp-navy-900));border-color:var(--vp-navy-900)}
.hallTile>span,.hallCardLabel,.hallRulesGrid article>span,.hallPrinciples article>span,.hallRegDecisionTitle span{color:#a97b20}
.hallRulesLead{background:linear-gradient(145deg,var(--vp-navy-950),var(--vp-navy-900));border-radius:22px;box-shadow:0 18px 42px rgba(7,23,36,.13)}
.hallWorkingNote{border:1px solid #e8d8aa;background:#fff8e8}
.hallDecisionChips span{background:#f7f2e6;border:1px solid #e9dfca;color:#425362}
.regField input{background:#fff;border-color:#ddd5c8;transition:border-color .16s ease,box-shadow .16s ease}
.regField input:focus{outline:none;border-color:#d5ad4f;box-shadow:0 0 0 3px rgba(231,187,88,.18)}
.regSubmit{background:var(--vp-gold-500);color:var(--vp-navy-950);font-weight:900;box-shadow:0 10px 22px rgba(231,187,88,.17)}
.hallCenterShell{box-shadow:var(--vp-cohesion-shadow)!important;border-color:var(--vp-cohesion-border)!important}

/* --- powroty / drobne akcje --- */
.backHome,.hallBackHome{display:inline-flex;align-items:center;gap:6px;color:#546774}
.organizerLink{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.14);color:#d9c17f!important;background:rgba(255,255,255,.04)}
.organizerLink:hover{background:rgba(255,255,255,.08)}

/* --- responsive: mniej ciężaru na telefonie --- */
@media (max-width:900px){
  .galleryWrap{padding:12px;border-radius:22px}
  .sectionTitle{padding-bottom:12px}
  .hallTiles{gap:10px}
}
@media (max-width:620px){
  .head .kicker,.sectionTitle .kicker,.about .kicker,.hallView .kicker{padding-left:23px}
  .head .kicker::before,.sectionTitle .kicker::before,.about .kicker::before,.hallView .kicker::before{width:14px}
  .mainTiles{gap:11px}
  .mainTile{min-height:0;padding:19px;border-radius:20px;gap:13px}
  .mainTile::after{left:19px;width:42px}
  .mainTile h3{font-size:25px;margin-bottom:7px}
  .mainTile p{font-size:14px}
  .galleryWrap{margin-inline:-2px;padding:8px;border-radius:18px}
  .sectionTitle{border-bottom:0;padding-bottom:0}
  .cupLandingHead::after{right:20px;width:90px;height:3px}
  .docCard{padding:15px 16px;border-radius:16px}
  .hallEventCard,.hallIntroCard,.hallInfoCard,.registrationCard,.hallRulesGrid article,.hallPrinciples article,.hallRegDecision{border-radius:18px}
  .hallTile{border-radius:16px}
  .value::before{top:14px;bottom:14px}
}