/* ============================================================
   P7 Teamreisen – Frontend
   Design 1:1 nach dem etablierten P7-Muster (Kaufoptions-Box aus
   "Warenkorb Abo-Toggle" / "Produktseite Abo-Toggle"):
     Aussenbox  #FAF8F0, 1px #E8E6DE, radius 10px, padding 20px
     Titel      14px, 600, UPPERCASE, letter-spacing .5px, #43473C
     Innenkarte weiss, 2px #E8E6DE, radius 8px, padding 15px
     Feintext   11-13px, #8B9680
   ============================================================ */

.p7tr-box{
  margin:24px 0;
  padding:24px;
  background:#FAF8F0;
  border:1px solid #E8E6DE;
  border-radius:10px;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:#43473C;
  box-sizing:border-box;
}
.p7tr-box *{box-sizing:border-box;}

.p7tr-titel{
  font-weight:600;
  color:#43473C;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin:0 0 6px;
}
.p7tr-hinweis{
  font-size:13px;
  color:#8B9680;
  line-height:1.5;
  margin:0 0 15px;
}

/* Innenkarte je Platz – wie .toggle-option */
.p7tr-person{
  background:#fff;
  border:2px solid #E8E6DE;
  border-radius:8px;
  padding:18px;
  margin-bottom:14px;
  transition:border-color .3s ease;
}
.p7tr-person:last-of-type{margin-bottom:0;}
.p7tr-person:focus-within{border-color:#8B9680;}
.p7tr-person h4{
  margin:0 0 10px;
  font-size:14px;
  font-weight:600;
  color:#43473C;
}
.p7tr-person h4 span{
  font-weight:400;
  font-size:11px;
  color:#8B9680;
  letter-spacing:.3px;
}

.p7tr-felder{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.p7tr-felder input{
  width:100%;
  min-height:52px;              /* deutlich griffiger, wie die Checkout-Felder */
  padding:15px 16px;
  border:2px solid #E8E6DE;
  border-radius:8px;
  font-size:16px;               /* 16px verhindert zusaetzlich das iOS-Zoomen */
  line-height:1.3;
  color:#43473C;
  background:#fff;
  transition:border-color .3s ease, box-shadow .3s ease;
}
.p7tr-felder input:hover{border-color:#CFCCC0;}
.p7tr-felder input:focus{outline:none;border-color:#8B9680;box-shadow:0 0 0 3px rgba(139,150,128,.12);}
.p7tr-felder input::placeholder{color:#B9B7AC;}

.p7tr-note{
  font-size:11px;
  color:#8B9680;
  line-height:1.5;
  margin:15px 0 0;
}

/* ---------- Danke-Seite ---------- */
.p7tr-danke{
  margin:20px 0;
  padding:20px;
  background:#FAF8F0;
  border:1px solid #E8E6DE;
  border-left:4px solid #8B9680;
  border-radius:10px;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:#43473C;
}
.p7tr-danke p{margin:0 0 10px;font-size:14px;line-height:1.6;}
.p7tr-danke p:last-child{margin-bottom:0;}
.p7tr-btn-inline{
  display:inline-block;
  background:#E8B298;
  color:#43473C;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  padding:13px 28px;
  border-radius:30px;
  transition:filter .2s;
}
.p7tr-btn-inline:hover{filter:brightness(.97);color:#43473C;}

/* ---------- Nachtrag-Seite ---------- */
.p7tr-page{
  max-width:640px;
  margin:40px auto;
  padding:0 16px;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:#43473C;
}
.p7tr-eyebrow{
  text-align:center;font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:#8B9680;margin:0 0 6px;
}
.p7tr-headline{text-align:center;font-size:26px;font-weight:600;margin:0 0 6px;color:#43473C;}
.p7tr-sub{text-align:center;font-size:14px;color:#8B9680;margin:0 0 24px;}
.p7tr-ok{
  background:#F0F4ED;border:1px solid #8B9680;border-left:4px solid #8B9680;
  border-radius:8px;padding:13px 16px;margin-bottom:18px;color:#43473C;font-size:14px;
}
.p7tr-btn{
  display:block;width:100%;border:none;border-radius:30px;
  background:#E8B298;color:#43473C;font-weight:600;padding:15px;
  font-size:15px;cursor:pointer;margin-top:14px;transition:filter .2s;
}
.p7tr-btn:hover{filter:brightness(.97);}

@media(max-width:600px){
  .p7tr-felder{grid-template-columns:1fr;gap:12px;}
  .p7tr-box{padding:18px;}
  .p7tr-person{padding:16px;}
  .p7tr-felder input{min-height:50px;padding:14px;}
  .p7tr-headline{font-size:22px;}
}

/* v1.4.0: bereits ausgestellte Tickets sind nicht mehr aenderbar */
.p7tr-person.p7tr-gesperrt{background:#FAFAF9;border-color:#EDEBE2;}
.p7tr-fest{margin:0;font-size:17px;font-weight:600;color:#43473C;}
.p7tr-fest-hinweis{margin:6px 0 0;font-size:12px;color:#8B9680;line-height:1.5;}