/* Időpont – foglaló widget. Színek felülírhatók a :root-ban vagy a beágyazó oldalon. */
#idp-app,#idp-manage{
  --idp-accent:#12363C;
  --idp-accent-2:#8A4F6D;
  --idp-bg:#fff;
  --idp-line:#d9e0dd;
  --idp-muted:#5f7375;
  --idp-r:12px;
  font-size:16px;line-height:1.5;color:#1b2a2b;
}
.idp-widget{max-width:680px;margin:0 auto}
.idp-h{font-size:1.1rem;font-weight:700;margin:0 0 12px}
.idp-step{margin-bottom:28px}
.idp-loading{color:var(--idp-muted);padding:14px 0}
.idp-msg{color:#a3273b;margin-top:10px;min-height:1.2em;font-size:.95rem}
.idp-note{color:var(--idp-muted);font-size:.95rem}

.idp-services{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.idp-service{
  text-align:left;background:var(--idp-bg);border:1.5px solid var(--idp-line);
  border-radius:var(--idp-r);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;
  font:inherit;transition:border-color .15s, background .15s;
}
.idp-service:hover{border-color:var(--idp-accent)}
.idp-service.idp-sel{border-color:var(--idp-accent);background:#f2f6f5;box-shadow:inset 0 0 0 1px var(--idp-accent)}
.idp-service-name{font-weight:700}
.idp-service-meta{color:var(--idp-muted);font-size:.9rem}

.idp-nav{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.idp-arrow{
  width:36px;height:36px;border-radius:50%;border:1.5px solid var(--idp-line);
  background:var(--idp-bg);cursor:pointer;font-size:1.1rem;line-height:1;
}
.idp-arrow:hover{border-color:var(--idp-accent)}
.idp-range{font-weight:600}

.idp-days{display:grid;grid-template-columns:repeat(14,1fr);gap:6px}
.idp-day{
  border:1.5px solid var(--idp-line);border-radius:10px;background:var(--idp-bg);
  padding:8px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;
}
.idp-day .idp-dow{font-size:.7rem;color:var(--idp-muted);text-transform:uppercase}
.idp-day .idp-dnum{font-weight:700}
.idp-day:hover{border-color:var(--idp-accent)}
.idp-day.idp-sel{border-color:var(--idp-accent);background:var(--idp-accent);color:#fff}
.idp-day.idp-sel .idp-dow{color:#cfe0dd}
.idp-day.idp-off{opacity:.35;cursor:default}
.idp-day.idp-off:hover{border-color:var(--idp-line)}

.idp-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:14px}
.idp-slot{
  border:1.5px solid var(--idp-line);border-radius:10px;background:var(--idp-bg);
  padding:10px 4px;cursor:pointer;font:inherit;font-weight:600;
}
.idp-slot:hover{border-color:var(--idp-accent-2)}
.idp-slot.idp-sel{background:var(--idp-accent-2);border-color:var(--idp-accent-2);color:#fff}

.idp-chosen{background:#f2f6f5;border-radius:10px;padding:10px 14px;font-size:.95rem}
.idp-form{display:flex;flex-direction:column;gap:12px;max-width:420px}
.idp-field{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.92rem}
.idp-field input{
  font:inherit;padding:10px 12px;border:1.5px solid var(--idp-line);border-radius:10px;
}
.idp-field input:focus{outline:2px solid var(--idp-accent);outline-offset:1px}
.idp-gdpr{font-weight:400;font-size:.92rem;display:flex;gap:8px;align-items:flex-start}
.idp-gdpr a{color:var(--idp-accent-2)}
.idp-hp{position:absolute !important;left:-9999px !important;height:1px;width:1px;opacity:0}

.idp-btn{
  font:inherit;font-weight:700;border:0;border-radius:100px;cursor:pointer;
  background:var(--idp-accent-2);color:#fff;padding:13px 26px;align-self:flex-start;
}
.idp-btn:hover{filter:brightness(.92)}
.idp-btn[disabled]{opacity:.6;cursor:default}
.idp-danger{background:#a3273b}
.idp-success p{margin:.4em 0}

@media (max-width:520px){
  .idp-days{grid-template-columns:repeat(7,1fr)} /* a 14 nap két sorba törik, mind elérhető */
}

.idp-link{color:var(--idp-accent-2);font-weight:700}

.idp-ts{margin:12px 0}