/* member-dashboard-mobile.css v1.1 — Mobile UX Patch
   Groessere Schrift, Icons, Tabs, weniger Seitenabstand
   Orientiert an WhatsApp Mobile UX */

/* ═══ TOPBAR ═══ */
@media (max-width: 768px) {
  .wa-d-top {
    padding: 10px 12px !important;
  }
  .wa-d-logo {
    font-size: 19px !important;
    gap: 10px !important;
  }
  .wa-d-logo img {
    max-height: 34px !important;
  }
  .wa-d-credits {
    font-size: 13px !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
  }
  .wa-d-btn {
    font-size: 20px !important;
    padding: 8px !important;
  }
}

/* ═══ COMMUNITY RAIL — groessere Avatare ═══ */
@media (max-width: 768px) {
  .wa-d-rail {
    padding: 12px 10px !important;
    gap: 14px !important;
  }
  .wa-d-av {
    width: 62px !important;
    height: 62px !important;
    font-size: 24px !important;
  }
  .wa-d-av img {
    width: 44px !important;
    height: 44px !important;
  }
  .wa-d-com {
    min-width: 62px !important;
  }
}

/* ═══ INFO ROW — Community Name + Mitglieder ═══ */
@media (max-width: 768px) {
  .wa-d-info {
    padding: 10px 12px 4px !important;
  }
  /* Target first child = name, second = count */
  #wad-info > *:first-child {
    font-size: 20px !important;
  }
  #wad-info > *:last-child {
    font-size: 14px !important;
  }
}

/* ═══ TABS — groesser wie WhatsApp ═══ */
@media (max-width: 768px) {
  .wa-d-tab {
    padding: 12px 0 10px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    border-bottom-width: 3px !important;
  }
}

/* ═══ BODY / CHAT LIST — groesser, weniger Rand ═══ */
@media (max-width: 768px) {
  .wa-d-item {
    padding: 14px 12px !important;
    gap: 12px !important;
  }
  .wa-d-ic {
    width: 54px !important;
    height: 54px !important;
    font-size: 24px !important;
    border-radius: 27px !important;
  }
  .wa-d-ic img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 27px !important;
  }

  /* Alle Texte in Chat-Items groesser */
  .wa-d-item span,
  .wa-d-item div {
    font-size: inherit;
  }
  .wa-d-body .wa-d-item > div:nth-child(2) {
    font-size: 15px !important;
  }

  /* Empty State groesser */
  .wa-d-empty {
    font-size: 16px !important;
    padding: 60px 16px !important;
  }
}

/* ═══ COACH TAB ═══ */
@media (max-width: 768px) {
  .wa-d-chip {
    font-size: 15px !important;
    padding: 13px 16px !important;
  }
}

/* ═══ DISCOVER ═══ */
@media (max-width: 768px) {
  .wa-d-discover {
    padding: 12px !important;
  }
  .wa-d-disc-card {
    padding: 14px !important;
    gap: 14px !important;
  }
  .wa-d-join {
    font-size: 14px !important;
    padding: 8px 18px !important;
  }
}

/* ═══ PROGRESS BARS ═══ */
@media (max-width: 768px) {
  .wa-d-pbar {
    height: 5px !important;
  }
}