/* ===== "Dein Heim-Trainingsplan"-Hub-Widget (30.09.2026) =====
   Eigenständige Datei, aktuell nur über hub.html eingebunden (assets/js/
   training-plan-widget.js). Nutzt die globalen Marken-Variablen
   (--paper/--ink/--gold/--gold-deep/--dim/--line/--f-d/--f-m/--f-b), die jede Seite
   bereits im eigenen :root definiert -- Hex-Fallbacks trotzdem gesetzt, gleiches
   Vorsichtsprinzip wie booking.css/donate.css. Klassen-Präfix .htp- (Home-Training-Plan). */

#homeTrainingPlanPanel .htp-lead{margin:0 0 14px;font-size:.86rem;color:var(--dim,#54514A)}

.htp-field{margin-bottom:14px}
.htp-field label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--dim,#54514A);margin-bottom:6px}
.htp-field label b{color:var(--ink,#0A0A0A);font-family:var(--f-m,'JetBrains Mono',monospace);font-weight:600}
.htp-field input[type=range]{width:100%;accent-color:var(--gold-deep,#8A6E1B);height:26px}
.htp-field select{width:100%;padding:.5rem .6rem;border:1px solid var(--line,rgba(10,10,10,.14));border-radius:6px;
  background:#fff;color:var(--ink,#0A0A0A);font:.86rem var(--f-b,'Archivo',sans-serif)}
.htp-switch{display:flex;align-items:center;gap:10px;font-size:.84rem;color:var(--ink,#0A0A0A);margin-bottom:16px}
.htp-switch input{width:18px;height:18px;accent-color:var(--gold-deep,#8A6E1B)}

.htp-btnrow{display:flex;flex-wrap:wrap;gap:10px}
.htp-btn{font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--gold,#C9A227);background:#FBF7EA;color:var(--gold-deep,#8A6E1B);border-radius:3px;
  padding:.6rem .95rem;cursor:pointer;min-height:40px}
.htp-btn:hover{background:var(--gold,#C9A227);color:var(--ink,#0A0A0A)}
.htp-btn--solid{background:var(--ink,#0A0A0A);color:var(--paper,#F5F3EE);border-color:var(--ink,#0A0A0A)}
.htp-btn--solid:hover{background:#1c1c1c}

.htp-weekstrip{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.htp-daychip{font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.68rem;letter-spacing:.04em;
  padding:.38rem .55rem;border-radius:20px;border:1px solid var(--line,rgba(10,10,10,.14));color:var(--dim,#54514A)}
.htp-daychip.is-training{background:var(--gold,#C9A227);border-color:var(--gold,#C9A227);color:var(--ink,#0A0A0A);font-weight:600}
.htp-daychip.is-rest{opacity:.6}

#htpMeta{font-size:.9rem;color:var(--ink,#0A0A0A);margin:0 0 14px}

/* ---- Vollbild-Plan-Modal ---- */
.htp-overlay{position:fixed;inset:0;z-index:10000;background:rgba(10,10,10,.62);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  display:none;align-items:center;justify-content:center;padding:20px}
.htp-overlay.open{display:flex}
.htp-modal{width:100%;max-width:640px;max-height:88vh;overflow-y:auto;
  background:var(--paper,#F5F3EE);border:1px solid rgba(138,110,27,.4);border-radius:14px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.55);color:var(--ink,#0A0A0A);
  padding:1.6rem 1.6rem 1.8rem;position:relative}
.htp-modal-close{position:absolute;top:.9rem;right:.9rem;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(10,10,10,.14);background:#fff;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--ink,#0A0A0A)}
.htp-modal-close:hover{background:var(--gold,#C9A227);border-color:var(--gold,#C9A227)}
.htp-modal-title{font-family:var(--f-d,'Unbounded',sans-serif);font-weight:700;font-size:1.3rem;margin:0 0 1rem;padding-right:2rem}

.htp-daybox{padding:.7rem 0;border-bottom:1px solid var(--line,rgba(10,10,10,.12))}
.htp-daybox:last-child{border-bottom:0}
.htp-daybox h4{font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.72rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gold-deep,#8A6E1B);margin:0 0 .4rem}
.htp-daybox.is-rest h4{color:var(--dim,#54514A)}
.htp-daybox ul{margin:0;padding:0 0 0 1.1rem;font-size:.86rem;line-height:1.55}
.htp-daybox li{margin-bottom:2px}

.htp-disclaimer{margin:1rem 0 0;font-size:.74rem;color:var(--dim,#54514A);font-style:italic}

@media (prefers-reduced-motion:reduce){.htp-overlay,.htp-btn{transition:none!important}}