/* IFP Members – robuste Styles (kompakte Form + sauberes Passwort-Icon) */

/* Grundwerte + Variablen */
.ifp-members{
  box-sizing:border-box;
  --ifp-eye-size: 18px;     /* Icon-Größe */
  --ifp-eye-right: .45rem;  /* Abstand vom rechten Innenrand */
}
.ifp-members *, .ifp-members *::before, .ifp-members *::after{ box-sizing:inherit; }

/* Formular-Rahmen */
.ifp-members .ifp-form{
  width:100% !important;
  max-width:420px !important;
  margin:1rem 0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:.75rem !important;
}
.ifp-members .ifp-form .ifp-field{
  position:relative !important;
  display:block !important;
  width:100% !important;
}
.ifp-members .ifp-form .ifp-field label{
  display:block !important;
  font-weight:600 !important;
  margin:0 0 .25rem !important;
}

/* Inputs (beide Formulare identisch) */
.ifp-members .ifp-form .ifp-field input[type="text"],
.ifp-members .ifp-form .ifp-field input[type="email"],
.ifp-members .ifp-form .ifp-field input[type="password"],
.ifp-members .ifp-form .ifp-field input[type="search"]{
  box-sizing:border-box !important;
  width:100% !important;
  padding:.6rem .7rem !important;
  border:1px solid #cbd5e1 !important;
  border-radius:6px !important;
  line-height:1.25 !important;
  background:#ffffff !important;
}

/* Platz für das Icon rechts */
.ifp-members .ifp-form .ifp-field.has-toggle input[type="password"],
.ifp-members .ifp-form .ifp-field.has-toggle input[type="text"]{
  padding-right: calc(var(--ifp-eye-size) + 1.25rem) !important;
}

/* Toggle-Button: INS Feld (Button bleibt für JS/ARIA vorhanden) */
.ifp-members .ifp-form .ifp-field.has-toggle .ifp-pw-toggle{
  all: unset;
  position: absolute !important;
  right: var(--ifp-eye-right) !important;
  top: 50% !important; /* mittig */
  transform: translateY(-50%) !important;
  z-index: 5 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: calc(var(--ifp-eye-size) + .25rem) !important;
  height: calc(var(--ifp-eye-size) + .25rem) !important;

  background: transparent !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;

  /* Emoji-Text (falls vorhanden) visuell ausblenden – SVG übernimmt */
  text-indent: -9999px !important;
  overflow: hidden !important;
}

/* SVG-Icon – Standard: Eye */
.ifp-members .ifp-form .ifp-field.has-toggle .ifp-pw-toggle::before{
  content: "" !important;
  display: block !important;
  width: var(--ifp-eye-size) !important;
  height: var(--ifp-eye-size) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: var(--ifp-eye-size) var(--ifp-eye-size) !important;
  opacity: .9 !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="%23343a40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12Z"/><circle cx="12" cy="12" r="3"/></svg>');
}
/* Sichtbar (per JS .is-active): Eye-off */
.ifp-members .ifp-form .ifp-field.has-toggle .ifp-pw-toggle.is-active::before{
  opacity: .95 !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="%23343a40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M17.94 17.94A10.94 10.94 0 0 1 12 20C5 20 1 12 1 12a21.8 21.8 0 0 1 5.06-6.94"/><path d="M9.9 4.24A10.94 10.94 0 0 1 12 4c7 0 11 8 11 8a21.83 21.83 0 0 1-3.95 5.94"/><path d="M14.12 14.12A3 3 0 0 1 9.88 9.88"/><line x1="1" y1="1" x2="23" y2="23"/></svg>');
}

/* leichte Hover-Andeutung */
.ifp-members .ifp-form .ifp-field.has-toggle .ifp-pw-toggle:hover{ filter: brightness(0.95) !important; }

/* Success-Notices */
.ifp-members .ifp-alert--success{
  background:#ecfdf5 !important;
  border:1px solid #a7f3d0 !important;
  color:#065f46 !important;
}

/* Checkbox/Actions/Links */
.ifp-members .ifp-form .ifp-field--row{ display:flex !important; align-items:center !important; gap:.5rem !important; }
.ifp-members .ifp-form .ifp-checkbox input{ margin-right:.5rem !important; }
.ifp-members .ifp-actions{ display:flex !important; align-items:center !important; gap:1rem !important; margin-top:.25rem !important; }
.ifp-members .ifp-btn{ display:inline-block !important; padding:.6rem .9rem !important; border-radius:8px !important; border:1px solid transparent !important; cursor:pointer !important; text-decoration:none !important; }
.ifp-members .ifp-btn--primary{ background:#2d6cdf !important; color:#fff !important; }
.ifp-members .ifp-link{ color:#2d6cdf !important; text-decoration:none !important; }
.ifp-members .ifp-link:hover{ text-decoration:underline !important; }

/* Meldungen */
.ifp-members .ifp-alert{ padding:.75rem !important; border-radius:8px !important; margin:.5rem 0 !important; }
.ifp-members .ifp-alert--error{ background:#ffe9e9 !important; border:1px solid #ffb3b3 !important; color:#7a0000 !important; }
.ifp-members .ifp-alert__list{ margin:0 !important; padding-left:1.25rem !important; }
.ifp-members .ifp-meta{ margin-top:1rem !important; display:flex !important; gap:.5rem !important; align-items:baseline !important; }

/* Tabs & Sections im Account */
.ifp-members .ifp-tabs{ display:flex; gap:.5rem; margin:0 0 1rem; align-items:center; }
.ifp-members .ifp-tab{ padding:.45rem .7rem; border:1px solid #cbd5e1; border-radius:8px; text-decoration:none; color:#111827; background:#fff; }
.ifp-members .ifp-tab.is-active{ background:#eef2ff; border-color:#c7d2fe; }
.ifp-members .ifp-tab--right{ margin-left:auto; background:#fff3f3; border-color:#fecaca; }
.ifp-members .ifp-section{ margin:1rem 0; }
.ifp-members .ifp-section__title{ margin:.25rem 0 .75rem; font-size:1.1rem; }
.ifp-members .ifp-grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
@media (max-width: 720px){ .ifp-members .ifp-grid-2{ grid-template-columns:1fr; } }
.ifp-members .ifp-muted{ color:#6b7280; margin:.25rem 0 .35rem; }


/* Nur „Deine Daten“ (Shortcode) vollbreit machen */
.ifp-members.ifp-memberdata .ifp-form,
.ifp-members .ifp-form.ifp-form--memberdata{
  max-width: none !important; /* überschreibt die 420px nur hier */
}


/* IFP Member Chat Integration */
.ifp-members .ifp-account-tab-badge{display:inline-flex;vertical-align:middle;margin-left:.4rem}
.ifp-members .ifp-account-chat-card .ifp-imc-unread-badge{background:#f8fafc;border:1px solid #dbe3ea;border-radius:999px;padding:.25rem .55rem;display:inline-flex;gap:.35rem;align-items:center}
.ifp-members .ifp-account-chat-badge .ifp-imc-unread-badge-link{text-decoration:none}
.ifp-members .ifp-account-chat-badge .ifp-imc-unread-badge,
.ifp-members .ifp-account-tab-badge .ifp-imc-unread-badge{background:#f8fafc;border:1px solid #dbe3ea;border-radius:999px;padding:.25rem .55rem;display:inline-flex;gap:.35rem;align-items:center}


/* Öffentliches Mitglieder-Verzeichnis / Profil */
.ifp-members-public-head{margin:0 0 1rem}
.ifp-members-public-intro{margin:.35rem 0 0;color:#6b7280}
.ifp-members-public-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
}
.ifp-members-public-card{
  border:1px solid #eadfce !important;
  background:linear-gradient(180deg,#fffaf4 0%,#f7efe4 100%) !important;
  box-shadow:0 10px 24px rgba(114,86,72,.07) !important;
  border-radius:18px !important;
  padding:1rem !important;
  display:flex !important;
  flex-direction:column !important;
  gap:.75rem !important;
}
.ifp-members-public-card__code{
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a6a51;
}
.ifp-members-public-card__title{
  margin:0 !important;
  color:#4c382d;
  font-size:1.1rem;
}
.ifp-members-public-card__facts{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
}
.ifp-members-public-pill{
  display:inline-flex;
  align-items:center;
  padding:.35rem .65rem;
  border-radius:999px;
  background:#f2e5d4;
  color:#6b4f3b;
  font-size:.85rem;
  line-height:1.1;
}
.ifp-members-public-pill.is-muted{
  background:#f7f1e8;
  color:#7c6655;
}
.ifp-members-public-card__hook{
  font-size:.92rem;
  color:#6d5a4b;
}
.ifp-members-public-card__actions{
  margin-top:auto;
}
.ifp-members-public-profile__card{
  border:1px solid #eadfce !important;
  background:linear-gradient(180deg,#fffaf4 0%,#f7efe4 100%) !important;
  box-shadow:0 10px 24px rgba(114,86,72,.07) !important;
  border-radius:22px !important;
  padding:1.25rem !important;
}
.ifp-members-public-profile__head{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
}
.ifp-members-public-profile__facts{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:.8rem;
  margin-top:1rem;
}
.ifp-members-public-profile__fact{
  padding:.9rem 1rem;
  border-radius:16px;
  background:#f5ecdf;
  color:#5c4636;
}
.ifp-members-public-profile__label{
  display:block;
  font-size:.8rem;
  font-weight:600;
  opacity:.8;
  margin-bottom:.25rem;
}
.ifp-members-public-profile__summary-hook{margin-top:1rem}
.ifp-members-public-profile__content{margin-top:1rem}
@media (max-width: 640px){
  .ifp-members-public-grid{grid-template-columns:1fr}
}


/* Public members directory/profile refresh */
.ifp-members-public-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1rem;
}
.ifp-members-public-card{
  border:1px solid #eadfce !important;
  background:linear-gradient(180deg,#fffaf4 0%,#f7efe4 100%) !important;
  box-shadow:0 12px 28px rgba(114,86,72,.08) !important;
  border-radius:22px !important;
  padding:1.1rem !important;
  display:flex !important;
  flex-direction:column !important;
  gap:.85rem !important;
}
.ifp-members-public-card__head{
  display:flex;
  align-items:center;
  gap:.95rem;
}
.ifp-members-public-card__identity{
  min-width:0;
  flex:1 1 auto;
}
.ifp-members-public-card__title{
  margin:.1rem 0 0 !important;
  color:#4c382d;
  font-size:1.15rem;
  line-height:1.2;
  word-break:break-word;
}
.ifp-members-public-card__code{
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a6a51;
}
.ifp-members-public-avatar{
  width:72px;
  height:72px;
  border-radius:20px;
  overflow:hidden;
  background:#f1e3d2;
  box-shadow:0 10px 22px rgba(114,86,72,.12);
  flex:0 0 auto;
}
.ifp-members-public-avatar--profile{
  width:104px;
  height:104px;
  border-radius:28px;
}
.ifp-members-public-avatar__image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ifp-members-public-avatar__placeholder{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  font-size:2rem;
}
.ifp-members-public-card__facts{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:.55rem;
}
.ifp-members-public-pill{
  display:inline-flex;
  align-items:center;
  padding:.38rem .68rem;
  border-radius:999px;
  background:#f2e5d4;
  color:#6b4f3b;
  font-size:.83rem;
  line-height:1.1;
}
.ifp-members-public-pill.is-muted{
  background:#f7f1e8;
  color:#7c6655;
}
.ifp-members-public-card__hook{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  font-size:.92rem;
  color:#6d5a4b;
}
.ifp-members-public-card__actions{
  margin-top:auto;
}
.ifp-members-public-card__actions .ifp-btn{
  width:100%;
  justify-content:center;
}
.ifp-members-public-profile__card{
  border:1px solid #eadfce !important;
  background:linear-gradient(180deg,#fffaf4 0%,#f7efe4 100%) !important;
  box-shadow:0 12px 30px rgba(114,86,72,.08) !important;
  border-radius:24px !important;
  padding:1.35rem !important;
}
.ifp-members-public-profile__head{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  align-items:flex-start;
}
.ifp-members-public-profile__identity{
  display:flex;
  align-items:center;
  gap:1rem;
  min-width:0;
}
.ifp-members-public-profile__identity-text{
  min-width:0;
}
.ifp-members-public-profile__identity-text .ifp-section__title{
  margin:.15rem 0 .35rem !important;
}
.ifp-members-public-profile__facts{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:.8rem;
  margin-top:1rem;
}
.ifp-members-public-profile__fact{
  padding:.95rem 1rem;
  border-radius:18px;
  background:#f5ecdf;
  color:#5c4636;
}
.ifp-members-public-profile__label{
  display:block;
  font-size:.8rem;
  font-weight:600;
  opacity:.8;
  margin-bottom:.25rem;
}
.ifp-members-public-profile__summary-hook{margin-top:1rem}
.ifp-members-public-profile__content{margin-top:1rem}
@media (max-width: 640px){
  .ifp-members-public-grid{grid-template-columns:1fr}
  .ifp-members-public-card__head,
  .ifp-members-public-profile__identity{
    align-items:flex-start;
  }
  .ifp-members-public-profile__back{
    width:100%;
  }
  .ifp-members-public-profile__back .ifp-btn{
    width:100%;
    justify-content:center;
  }
}


/* v0.3.83 – Avatar-/Fallback-Containment im öffentlichen Mitglieder-Verzeichnis und Profil */
.ifp-members-public-card__avatar{
  width:72px;
  height:72px;
  flex:0 0 72px;
  border-radius:20px;
  overflow:hidden;
  background:#f1e3d2;
  box-shadow:0 10px 22px rgba(114,86,72,.12);
}
.ifp-members-public-profile__avatar{
  width:104px;
  height:104px;
  flex:0 0 104px;
  border-radius:28px;
  overflow:hidden;
  background:#f1e3d2;
  box-shadow:0 10px 22px rgba(114,86,72,.12);
}
.ifp-members-public-card__avatar > img,
.ifp-members-public-card__avatar .avatar,
.ifp-members-public-profile__avatar > img,
.ifp-members-public-profile__avatar .avatar,
.ifp-members-public-card__avatar .ifp-members-public-avatar__image,
.ifp-members-public-profile__avatar .ifp-members-public-avatar__image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:cover !important;
  border-radius:inherit !important;
}


/* Public members directory filters */
.ifp-members-public-filters{
  margin:0 0 1rem !important;
  border:1px solid #eadfce !important;
  background:linear-gradient(180deg,#fffdf8 0%,#f8f1e7 100%) !important;
  box-shadow:0 12px 30px rgba(114,86,72,.06) !important;
  border-radius:22px !important;
  padding:1rem !important;
}
.ifp-members-public-filters__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:.85rem;
}
.ifp-members-public-filters__field{
  display:flex;
  flex-direction:column;
  gap:.38rem;
}
.ifp-members-public-filters__field > span{
  font-size:.86rem;
  font-weight:700;
  color:#6b4f3b;
}
.ifp-members-public-filters__field input,
.ifp-members-public-filters__field select{
  width:100%;
  min-height:46px;
  border:1px solid #dacbb8;
  border-radius:14px;
  background:#fff;
  color:#4c382d;
  padding:.78rem .92rem;
  box-shadow:inset 0 1px 2px rgba(17,24,39,.03);
}
.ifp-members-public-filters__field input:focus,
.ifp-members-public-filters__field select:focus{
  outline:none;
  border-color:#b98d69;
  box-shadow:0 0 0 3px rgba(185,141,105,.14);
}
.ifp-members-public-filters__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  align-items:center;
  margin-top:.95rem;
}
.ifp-members-public-filters__hint{
  margin:.75rem 0 0;
  color:#7c6655;
  font-size:.88rem;
}
.ifp-members-public-filters__result{
  margin:0 0 1rem;
  color:#6b4f3b;
  font-weight:600;
}
@media (max-width: 640px){
  .ifp-members-public-filters__grid{
    grid-template-columns:1fr;
  }
  .ifp-members-public-filters__actions{
    flex-direction:column;
    align-items:stretch;
  }
}


/* v0.3.86 – Mitgliederarchiv: Filter-Look an Tauschmarkt angleichen + feste Card-Dichte */
.ifp-members-public-directory .ifp-members-public-head{
  margin:0 0 1.1rem !important;
}
.ifp-members-public-directory .ifp-members-public-head .ifp-section__title{
  margin:0 0 .45rem !important;
  color:#2f2a25 !important;
  line-height:1.08 !important;
}
.ifp-members-public-directory .ifp-members-public-intro{
  margin:0 !important;
  max-width:68ch !important;
  color:#64584d !important;
  font-size:.96rem !important;
  line-height:1.5 !important;
}

.ifp-members-public-directory .ifp-members-public-filters{
  display:block !important;
  padding:20px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fffdf9 0%,#f6f1e8 100%) !important;
  border:1px solid rgba(139,90,43,.10) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.06) !important;
  margin:0 0 18px !important;
}
.ifp-members-public-directory .ifp-members-public-filters__grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
}
.ifp-members-public-directory .ifp-members-public-filters__field{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  min-width:0 !important;
}
.ifp-members-public-directory .ifp-members-public-filters__field > span{
  display:block !important;
  margin:0 !important;
  font-size:.88rem !important;
  font-weight:700 !important;
  color:#5b4f45 !important;
  letter-spacing:.01em !important;
}
.ifp-members-public-directory .ifp-members-public-filters__field input,
.ifp-members-public-directory .ifp-members-public-filters__field select{
  width:100% !important;
  min-height:46px !important;
  margin:0 !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(92,82,65,.14) !important;
  background:#fff !important;
  color:#40362d !important;
  box-shadow:inset 0 1px 2px rgba(17,24,39,.03) !important;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}
.ifp-members-public-directory .ifp-members-public-filters__field input::placeholder{
  color:#988677 !important;
  opacity:1 !important;
}
.ifp-members-public-directory .ifp-members-public-filters__field input:focus,
.ifp-members-public-directory .ifp-members-public-filters__field select:focus{
  outline:none !important;
  border-color:#b98d69 !important;
  box-shadow:0 0 0 3px rgba(185,141,105,.14) !important;
}
.ifp-members-public-directory .ifp-members-public-filters__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:16px !important;
}
.ifp-members-public-directory .ifp-members-public-filters__actions .ifp-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:10px 16px !important;
  border-radius:12px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease !important;
}
.ifp-members-public-directory .ifp-members-public-filters__actions .ifp-btn:hover,
.ifp-members-public-directory .ifp-members-public-filters__actions .ifp-btn:focus-visible{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 20px rgba(0,0,0,.08) !important;
}
.ifp-members-public-directory .ifp-members-public-filters__actions .ifp-btn--primary{
  background:linear-gradient(135deg,#ff8f1f,#ff5a00) !important;
  border-color:transparent !important;
  color:#fff !important;
}
.ifp-members-public-directory .ifp-members-public-filters__actions .ifp-btn--ghost{
  background:#fff !important;
  color:#30343a !important;
  border-color:rgba(48,52,58,.12) !important;
}
.ifp-members-public-directory .ifp-members-public-filters__hint{
  margin:12px 0 0 !important;
  color:#7c6655 !important;
  font-size:.89rem !important;
  line-height:1.45 !important;
}
.ifp-members-public-directory .ifp-members-public-filters__result{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 18px !important;
  padding:14px 16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#f8fff1 0%,#eff9e2 100%) !important;
  border:1px solid rgba(142,181,86,.18) !important;
  color:#283022 !important;
  font-size:1rem !important;
  font-weight:700 !important;
}

/* Feste Card-Dichte: auch bei 1–2 Treffern gleiche Kartenbreite wie in gefüllten Reihen */
.ifp-members-public-directory .ifp-members-public-grid{
  display:grid !important;
  gap:16px !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
.ifp-members-public-directory .ifp-members-public-card{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  height:100% !important;
}
.ifp-members-public-directory .ifp-members-public-card__actions{
  margin-top:auto !important;
}
.ifp-members-public-directory .ifp-members-public-card__actions .ifp-btn{
  width:100% !important;
  justify-content:center !important;
}

@media (max-width: 1199px){
  .ifp-members-public-directory .ifp-members-public-filters__grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .ifp-members-public-directory .ifp-members-public-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width: 899px){
  .ifp-members-public-directory .ifp-members-public-filters__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .ifp-members-public-directory .ifp-members-public-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 640px){
  .ifp-members-public-directory .ifp-members-public-filters{
    padding:16px !important;
    border-radius:20px !important;
  }
  .ifp-members-public-directory .ifp-members-public-filters__grid{
    grid-template-columns:1fr !important;
  }
  .ifp-members-public-directory .ifp-members-public-filters__actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .ifp-members-public-directory .ifp-members-public-grid{
    grid-template-columns:1fr !important;
  }
}


/* Öffentliches Mitglieder-Verzeichnis: Auto-Submit / Live-Suche */
.ifp-members-public-filters.is-loading{
  opacity:.92;
}
.ifp-members-public-filters__status{
  min-height:1.2em;
  margin-top:.35rem;
  font-size:.9rem;
  color:#64748b;
}


/* v0.3.88 – Mitglieder-Verzeichnis: aktive Filter-Badges mit Entfernen */
.ifp-members-public-directory .ifp-members-public-filters__result{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px 14px !important;
  margin:0 0 1rem !important;
  color:#6b4f3b !important;
  font-weight:600 !important;
}
.ifp-members-public-directory .ifp-members-public-filters__result-count{
  flex:0 0 auto !important;
}
.ifp-members-public-directory .ifp-members-public-active-filters{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
}
.ifp-members-public-directory .ifp-members-public-active-filter{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:38px !important;
  padding:8px 12px 8px 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(139,90,43,.14) !important;
  background:#fff7ee !important;
  color:#6b4f3b !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(114,86,72,.06) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease !important;
}
.ifp-members-public-directory .ifp-members-public-active-filter:hover,
.ifp-members-public-directory .ifp-members-public-active-filter:focus{
  transform:translateY(-1px) !important;
  border-color:rgba(139,90,43,.24) !important;
  background:#fff3e4 !important;
  box-shadow:0 10px 22px rgba(114,86,72,.09) !important;
  outline:none !important;
}
.ifp-members-public-directory .ifp-members-public-active-filter__text{
  line-height:1.2 !important;
}
.ifp-members-public-directory .ifp-members-public-active-filter__remove{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  background:rgba(139,90,43,.10) !important;
  color:#6b4f3b !important;
  font-size:16px !important;
  line-height:1 !important;
  flex:0 0 22px !important;
}
@media (max-width: 700px){
  .ifp-members-public-directory .ifp-members-public-filters__result{
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }
}


/* v0.3.89 – Mitglieder-Verzeichnis: Badge-Sichtbarkeit + kompaktere Usernamen */
.ifp-members-public-directory .ifp-members-public-card__title{
  font-size:1rem !important;
  line-height:1.28 !important;
}
.ifp-members-public-directory .ifp-members-public-filters__result{
  display:flex !important;
}
.ifp-members-public-directory .ifp-members-public-active-filters{
  display:flex !important;
}



/* v0.3.90 – Mitglieder-Verzeichnis: symmetrischere Cards + klickbares Avatar/Username */
.ifp-members-public-directory .ifp-members-public-card{
  justify-content:flex-start !important;
  min-height:100% !important;
}
.ifp-members-public-directory .ifp-members-public-card__head{
  align-items:flex-start !important;
  min-height:88px !important;
}
.ifp-members-public-directory .ifp-members-public-card__avatar{
  width:72px !important;
  flex:0 0 72px !important;
}
.ifp-members-public-directory .ifp-members-public-card__avatar-link{
  display:block !important;
  border-radius:20px !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
.ifp-members-public-directory .ifp-members-public-card__avatar-link:focus-visible{
  outline:2px solid rgba(185,141,105,.55) !important;
  outline-offset:3px !important;
}
.ifp-members-public-directory .ifp-members-public-card__identity{
  display:flex !important;
  flex-direction:column !important;
  align-self:stretch !important;
  min-width:0 !important;
}
.ifp-members-public-directory .ifp-members-public-card__code{
  margin-bottom:2px !important;
}
.ifp-members-public-directory .ifp-members-public-card__title{
  margin:0 !important;
  min-height:2.56em !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.ifp-members-public-directory .ifp-members-public-card__title-link{
  color:inherit !important;
  text-decoration:none !important;
}
.ifp-members-public-directory .ifp-members-public-card__title-link:hover,
.ifp-members-public-directory .ifp-members-public-card__title-link:focus-visible{
  color:#8a5a2b !important;
  text-decoration:none !important;
  outline:none !important;
}
.ifp-members-public-directory .ifp-members-public-card__facts{
  margin-top:auto !important;
  gap:6px !important;
}
.ifp-members-public-directory .ifp-members-public-card__hook{
  margin-top:.1rem !important;
}
