/* ALFARI Theme 6.35.0 – Planfinder: einfache Führung mit sichtbar fachlicher Tiefe.
   Darstellung ausschließlich vorhandener Platform-Zustände. Keine Planfinder-/Trainingslogik. */

.alfari-planfinder-depth-preview{
  margin:0 0 1rem;
  padding:1rem;
  border:1px solid var(--alfari-border);
  border-radius:var(--alfari-radius-md);
  background:color-mix(in srgb,var(--alfari-primary) 7%,var(--alfari-card));
}
.alfari-planfinder-depth-preview__kicker{
  margin:0 0 .3rem;
  font-weight:850;
  color:var(--alfari-text);
}
.alfari-planfinder-depth-preview__text{
  margin:0;
  color:var(--alfari-text-muted,var(--alfari-text));
  line-height:1.55;
}
.alfari-planfinder-depth-preview__chips{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:.8rem;
}
.alfari-planfinder-depth-preview__chips span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:.32rem .65rem;
  border:1px solid var(--alfari-border);
  border-radius:999px;
  background:var(--alfari-card);
  color:var(--alfari-text);
  font-size:.86rem;
  font-weight:700;
}

.alfari-planfinder-path-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:.75rem;
  margin-top:.85rem;
}
.alfari-planfinder-path-card,
.alfari-planfinder-option-card,
.alfari-planfinder-system-card{
  appearance:none;
  width:100%;
  text-align:left;
  border:1px solid var(--alfari-border);
  border-radius:var(--alfari-radius-md);
  background:var(--alfari-card);
  color:var(--alfari-text);
  cursor:pointer;
  box-shadow:none;
}
.alfari-planfinder-path-card{
  min-height:132px;
  padding:1rem;
  display:grid;
  align-content:start;
  gap:.5rem;
}
.alfari-planfinder-path-card strong{
  font-size:1.05rem;
  line-height:1.25;
  color:var(--alfari-text);
}
.alfari-planfinder-path-card span{
  color:var(--alfari-text-muted,var(--alfari-text));
  line-height:1.5;
}
.alfari-planfinder-path-card[aria-pressed="true"],
.alfari-planfinder-path-card[aria-expanded="true"],
.alfari-planfinder-option-card[aria-pressed="true"],
.alfari-planfinder-system-card[aria-pressed="true"]{
  border-color:var(--alfari-primary);
  outline:2px solid var(--alfari-primary);
  outline-offset:1px;
}
.alfari-planfinder-path-card:focus-visible,
.alfari-planfinder-option-card:focus-visible,
.alfari-planfinder-system-card:focus-visible{
  outline:3px solid var(--alfari-primary);
  outline-offset:3px;
}

.alfari-planfinder-manual-directions{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid var(--alfari-border);
}
.alfari-planfinder-manual-directions__intro{
  margin:0 0 .65rem;
  font-weight:800;
  color:var(--alfari-text);
}
.alfari-planfinder-option-cards,
.alfari-planfinder-system-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:.65rem;
}
.alfari-planfinder-option-card,
.alfari-planfinder-system-card{
  min-height:54px;
  padding:.85rem .95rem;
}
.alfari-planfinder-system-card{
  display:grid;
  gap:.3rem;
  min-height:68px;
}
.alfari-planfinder-system-card strong{
  color:var(--alfari-text);
}
.alfari-planfinder-system-card span{
  color:var(--alfari-text-muted,var(--alfari-text));
  font-size:.9rem;
  line-height:1.45;
}

.alfari-planfinder-experience-respect{
  display:grid;
  gap:.25rem;
  margin:.8rem 0 1rem;
  padding:.8rem .9rem;
  border-left:3px solid var(--alfari-primary);
  background:color-mix(in srgb,var(--alfari-primary) 6%,var(--alfari-card));
  border-radius:0 var(--alfari-radius-md) var(--alfari-radius-md) 0;
}
.alfari-planfinder-experience-respect strong{color:var(--alfari-text)}
.alfari-planfinder-experience-respect span{color:var(--alfari-text-muted,var(--alfari-text));line-height:1.5}

.alfari-planfinder-ux-group-label{
  margin:.15rem 0 .65rem;
  color:var(--alfari-text-muted,var(--alfari-text));
  font-size:.82rem;
  font-weight:750;
}
.alfari-planfinder-field-help{
  display:block;
  margin:.35rem 0 0;
  color:var(--alfari-text-muted,var(--alfari-text));
  font-size:.86rem;
  font-weight:500;
  line-height:1.45;
}

/* Native select remains form authority and fallback; card UI mirrors it only. */
.alfari-visually-hidden-control{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.alfari-visually-hidden-control select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:.001!important;
}

/* Health stays calm and factual; no medical-dashboard treatment. */
.alfari-planfinder-depth-ux [data-flow-step="safety"]{
  border-left-width:3px;
  box-shadow:none;
}
.alfari-planfinder-depth-ux [data-flow-step="safety"] [role="alert"]{
  font-weight:600;
}

/* Result depth: plugin reasons remain untouched and visually readable. */
.alfari-planfinder-v63-shell--result #alfari-planfinder-result section:has(> h4:first-child),
.alfari-planfinder-result section{
  min-width:0;
}
.alfari-planfinder-origin-badge{
  display:inline-flex;
  width:max-content;
  padding:.28rem .58rem;
  margin-bottom:.5rem;
  border:1px solid var(--alfari-primary);
  border-radius:999px;
  color:var(--alfari-text);
  font-size:.8rem;
  font-weight:800;
}
.alfari-planfinder-trainer-transition{
  margin-top:1rem;
  padding:1rem;
  border:1px solid var(--alfari-border);
  border-radius:var(--alfari-radius-md);
  background:color-mix(in srgb,var(--alfari-primary) 5%,var(--alfari-card));
}
.alfari-planfinder-trainer-transition h4{margin:.15rem 0 .45rem;color:var(--alfari-text)}
.alfari-planfinder-trainer-transition p:last-child{margin-bottom:0;color:var(--alfari-text-muted,var(--alfari-text));line-height:1.55}

@media (min-width:760px){
  .alfari-planfinder-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .alfari-planfinder-option-cards,
  .alfari-planfinder-system-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:759px){
  .alfari-planfinder-depth-preview{padding:.9rem}
  .alfari-planfinder-depth-preview__chips{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .alfari-planfinder-depth-preview__chips span{
    min-width:0;
    white-space:normal;
  }
  .alfari-planfinder-path-card{min-height:0}
  .alfari-planfinder-option-card,
  .alfari-planfinder-system-card{min-height:52px}
  .alfari-planfinder-v63 [data-flow-step]{scroll-margin-top:84px}
}

/* 6.36.0 – live mobile contrast closure for light Planfinder guidance cards.
   Explicit readable ink prevents inherited dark-surface variables from producing
   white-on-pale text. Presentation only. */
.alfari-planfinder-depth-preview,
.alfari-planfinder-experience-respect{
  color:#252a2f;
}
.alfari-planfinder-depth-preview__kicker,
.alfari-planfinder-experience-respect strong{
  color:#252a2f!important;
  -webkit-text-fill-color:#252a2f!important;
}
.alfari-planfinder-depth-preview__text,
.alfari-planfinder-experience-respect span{
  color:#4e565d!important;
  -webkit-text-fill-color:#4e565d!important;
}
.alfari-planfinder-depth-preview__chips span{
  color:#30373d!important;
  -webkit-text-fill-color:#30373d!important;
  background:#fff!important;
}

/* 6.36.9 – Beginner and experienced paths are presented equally; presentation only. */
.alfari-planfinder-experience-respect{
  gap:.75rem;
}
.alfari-planfinder-experience-path{
  display:grid;
  gap:.22rem;
}
.alfari-planfinder-experience-path + .alfari-planfinder-experience-path{
  padding-top:.72rem;
  border-top:1px solid rgba(37,42,47,.12);
}
.alfari-planfinder-experience-path strong{
  color:#252a2f!important;
  -webkit-text-fill-color:#252a2f!important;
}
.alfari-planfinder-experience-path span{
  color:#4e565d!important;
  -webkit-text-fill-color:#4e565d!important;
  line-height:1.45;
}
@media (min-width:760px){
  .alfari-planfinder-experience-respect{grid-template-columns:1fr 1fr;gap:1rem;}
  .alfari-planfinder-experience-path + .alfari-planfinder-experience-path{padding-top:0;padding-left:1rem;border-top:0;border-left:1px solid rgba(37,42,47,.12);}
}
