/* ==========================================================================
   REWAY EVENT - event.css
   Ladowany PO css/style.css. Zero nowych kolorow, fontow i stylow przyciskow.
   Wylacznie brakujace komponenty (pakiety, taby, dodatki), zbudowane
   na istniejacych zmiennych: --panel, --line, --lime, --blue, --radius, --ease.
   ========================================================================== */

/* --- Logo tag: subtelne EVENT obok logo --- */
.nav__logo{display:inline-flex;align-items:center;gap:.7rem}
.logo-tag{
  font-family:'Hagrid','Forma DJR Deck',sans-serif;
  font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:var(--faint);padding:.28rem .6rem;border:1px solid rgba(255,255,255,.22);
  border-radius:999px;transform:translateY(1px);
}

/* --- Link powrotny do reway.pl w nav --- */
.nav__home{color:var(--faint);font-size:.85rem}
.nav__home:hover{color:var(--ink)}

/* --- Hero: pasek FOTOGRAFIA / WIDEO / SOCIAL MEDIA / CALA POLSKA --- */
.hero__meta{
  display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin-top:2.6rem;
  font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
  color:var(--faint);
}
.hero__meta span{display:inline-flex;align-items:center;gap:.6rem}
.hero__meta i.ph{font-size:.7rem;color:var(--lime)}
.hero__meta span:nth-child(even) i.ph{color:var(--blue)}

/* --- Taby pakietow --- */
.packs-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.4rem}
.packs-tab{
  padding:.55rem 1.3rem;border:1px solid var(--line);border-radius:999px;
  font-family:'Hagrid','Forma DJR Deck',sans-serif;font-weight:500;font-size:.92rem;
  color:var(--muted);background:var(--panel);
  transition:border-color .25s,color .25s,background .25s,transform .25s var(--ease);
}
.packs-tab:hover{color:var(--ink);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}
.packs-tab.is-active{background:var(--lime);border-color:var(--lime);color:#050607}

.packs-panel{display:none}
.packs-panel.is-active{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:960px){.packs-panel.is-active{grid-template-columns:1fr}}

/* --- Karta pakietu: ta sama anatomia co .step / .panelbox --- */
.pack{
  position:relative;display:flex;flex-direction:column;
  padding:1.8rem 1.6rem;border-radius:var(--radius-sm);
  background:var(--panel);border:1px solid var(--line);
  transition:transform .3s var(--ease),border-color .3s;
}
.pack:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22)}
.pack--featured{border-color:rgba(215,255,63,.45)}
.pack--featured:hover{border-color:var(--lime)}
.pack__tag{
  position:absolute;top:-1px;right:1.2rem;transform:translateY(-50%);
  font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  padding:.3rem .75rem;border-radius:999px;background:var(--lime);color:#050607;
  font-family:'Hagrid','Forma DJR Deck',sans-serif;
}
.pack__time{
  font-family:'Hagrid','Forma DJR Deck',sans-serif;
  font-weight:700;font-size:.8rem;letter-spacing:.14em;color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.4);
}
.pack h3{font-size:1.2rem;margin:.7rem 0 .2rem}
.pack__price{color:var(--muted);font-size:.95rem;margin-bottom:1.2rem}
.pack__price b{font-family:'Hagrid','Forma DJR Deck',sans-serif;font-weight:700;color:var(--ink)}
.pack ul{display:grid;gap:.55rem;margin-bottom:1.6rem}
.pack ul li{display:flex;gap:.6rem;align-items:flex-start;color:var(--muted);font-size:.92rem}
.pack ul li i.ph{color:var(--lime);flex:none;margin-top:.3rem;font-size:.8rem}
.pack:nth-child(even) ul li i.ph{color:var(--blue)}
.pack .btn{margin-top:auto;justify-content:center}

/* --- Dodatki: siatka jak .steps, bez licznika --- */
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:960px){.addons{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.addons{grid-template-columns:1fr}}
.addon{
  padding:1.6rem;border-radius:var(--radius-sm);
  background:var(--panel);border:1px solid var(--line);
  transition:transform .3s var(--ease),border-color .3s;
}
.addon:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22)}
.addon i.ph{font-size:1.6rem;color:var(--lime)}
.addon:nth-child(even) i.ph{color:var(--blue)}
.addon h3{margin:.7rem 0 .4rem;font-size:1.05rem}
.addon p{font-size:.9rem;color:var(--muted)}

/* --- Proces: 5 krokow w istniejacym komponencie .steps --- */
.steps--5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1100px){.steps--5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:960px){.steps--5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.steps--5{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .packs-tab,.pack,.addon{transition:none}
}