/* Gymelle – varžybų registracijos puslapio išdėstymas.
   Naudoja bendrus kintamuosius ir komponentus iš styles.css. */

.remas{max-width:560px; margin:0 auto; padding:20px 16px 56px}

.virsus{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px}
.puslapio-antraste{margin-bottom:18px}
.puslapio-antraste .antraste-1{margin-bottom:4px}

.juosta{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  padding:12px 14px; margin-bottom:16px;
  background:var(--klubas-sviesi); border-radius:14px;
}
.juosta .skyriaus-pav{color:var(--klubas)}
.stumtukas{flex:1}

.sarasas{display:grid; gap:12px}
.kortele{padding:16px}
.kortele.praejo{background:#FAF9FC}

.data-eilute{display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-bottom:2px}
.data-eilute .data{font-family:var(--antraste); font-weight:500; font-size:13px; color:var(--akcentas)}
.kortele.laukia .data-eilute .data{color:var(--demesys)}
.vieta{display:block; margin-top:4px}
.vieta a{color:var(--antrinis); font-weight:400}

.detales{display:grid; grid-template-columns:auto 1fr; gap:4px 14px; margin-top:12px; font-size:14px}
.detales dt{color:var(--antrinis); font-weight:700; font-size:13px}
.detales dd{margin:0; white-space:pre-line}
.pastaba{margin-top:10px; font-size:14px; white-space:pre-line}
.isorine{display:inline-flex; align-items:center; gap:6px; margin-top:10px; font-size:14px}

.dalyves{margin-top:14px; padding-top:12px; border-top:1px solid var(--linija-sviesi)}
.dalyves .skyriaus-pav{color:var(--antrinis); margin-bottom:8px}
.vardai{display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none}
.vardai li{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--vaiko-sviesi, var(--akcentas-sviesi));
  border-radius:999px; padding:6px 12px; font-size:14px; font-weight:600;
}
.vardai li.klausia{background:var(--demesys-sviesi); box-shadow:inset 0 0 0 1px var(--demesys-linija)}
.vardai li.klausia .taskas{background:var(--demesys)}
.vardai .veiksmas{
  border:0; background:none; padding:0; font:inherit; font-size:13px; font-weight:700;
  color:var(--demesys); text-decoration:underline;
}
.vardai .veiksmas.atsisakyti{color:var(--antrinis)}
.vardai .salinti{border:0; background:none; padding:0 0 0 2px; font-size:17px; line-height:1; color:var(--antrinis)}

.registracija{display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:12px}
.registracija .zinute{grid-column:1 / -1}
.zinute{font-size:13px; margin:0}
.zinute:empty{display:none}
.zinute.klaida{color:var(--demesys)}

.kortele-apacia{display:flex; justify-content:flex-end; margin-top:12px}
.tekstine{
  border:0; background:none; padding:6px 0; min-height:32px;
  font:inherit; font-size:13px; font-weight:700; color:var(--antrinis); text-decoration:underline;
}
.tekstine.demesio{color:var(--demesys)}

.forma-kortele{padding:16px; margin-bottom:12px}
.forma-kortele .antraste-2{margin-bottom:14px}
.forma-kortele .laukas.visas{grid-column:1 / -1}
.veiksmai{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:16px}

details.praejusios{margin-top:20px}
details.praejusios summary{
  list-style:none; text-align:center; padding:10px;
  font-size:13px; font-weight:700; color:var(--antrinis);
}
details.praejusios summary::-webkit-details-marker{display:none}
details.praejusios .sarasas{margin-top:12px}

.apacia{margin-top:24px; text-align:center}

@media (max-width:520px){
  .registracija{grid-template-columns:1fr}
  .detales{grid-template-columns:1fr; gap:0}
  .detales dd{margin-bottom:6px}
}