/* ApiQ – Kapazität / Vormerkung */

.capacity-box{
  padding:32px;
  border:1px solid rgba(214,179,71,.24);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 100% 0%,rgba(214,179,71,.10),transparent 36%),
    rgba(255,255,255,.035);
  box-shadow:var(--shadow);
}

.capacity-box[hidden]{display:none !important}

.capacity-kicker{
  display:block;
  margin-bottom:10px;
  color:var(--gold2);
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.capacity-box h3{
  margin:0 0 16px;
  font-size:clamp(1.65rem,2.5vw,2.55rem);
  line-height:1.08;
  letter-spacing:-.035em;
}

.capacity-box > p{
  margin:0 0 12px;
  color:var(--muted);
  line-height:1.75;
}

.capacity-box > p strong{color:#ddd}

.capacity-form{
  display:block;
  margin-top:26px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.capacity-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.capacity-fields label{
  display:grid;
  gap:8px;
  color:#ddd;
  font-size:.9rem;
  font-weight:650;
}

.capacity-fields .full{grid-column:1/-1}

.capacity-fields input,
.capacity-fields select{
  width:100%;
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  color:#f4f4f4;
  background:#0d0d0d;
  font:inherit;
  outline:none;
}

.capacity-fields input:focus,
.capacity-fields select:focus{
  border-color:rgba(214,179,71,.62);
  box-shadow:0 0 0 3px rgba(214,179,71,.08);
}

.capacity-check{
  display:flex !important;
  gap:12px;
  align-items:flex-start;
  margin-top:16px;
  color:var(--muted) !important;
  font-size:.85rem !important;
  line-height:1.55;
}

.capacity-check input{
  width:auto !important;
  margin-top:3px;
  accent-color:var(--gold);
}

.capacity-check a{
  color:var(--gold2);
  text-decoration:underline;
  text-underline-offset:3px;
}

.capacity-button{
  min-height:50px;
  margin-top:18px;
  padding:0 22px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#c69d35,#f0dc7a);
  color:#111;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:760px){
  .capacity-box{padding:24px}
  .capacity-fields{grid-template-columns:1fr}
  .capacity-fields .full{grid-column:auto}
}


/* Wichtig: Seitencss setzt Formulare auf display:grid.
   hidden muss deshalb explizit Vorrang bekommen. */
[data-primary-form][hidden],
.capacity-box[hidden]{
  display:none !important;
}


.capacity-box h3{
  color:#9e5b5b;
}