/* Member discovery: inherits the public homepage's palette and Arabic type. */
.member-directory {
  --md-brand: #f62068;
  --md-action: #ce1553;
  --md-ink: #382332;
  --md-muted: #715968;
  --md-line: #eadce2;
  --md-blush: #fceef3;
  --md-paper: #fffafb;
  --md-yellow: #ffda4c;
  background: var(--md-paper);
  color: var(--md-ink);
  font-family: "Vazirmatn", sans-serif;
  font-size: 15px;
  line-height: 1.7;
}
.member-directory * { box-sizing: border-box; }
.member-directory a { text-decoration: none; }
.member-directory a:hover { color: var(--md-action); }
.member-directory :is(a, button, input, select, summary):focus-visible { outline: 3px solid #97365c; outline-offset: 4px; }
.member-directory ::selection { background: var(--md-yellow); color: var(--md-ink); }
.member-directory :is(input, select) { caret-color: var(--md-action); }
.member-directory :is(h1, h2, h3, p) { margin: 0; font-family: inherit; }
.md-wrap { width: min(1376px, calc(100% - 64px)); margin-inline: auto; }
.member-directory .main-nav { background: var(--md-brand); box-shadow: none; min-height: 76px; }
.member-directory .main-nav > .container-fluid { width: min(1376px, calc(100% - 64px)); padding: 0; }
.member-directory .main-nav .navbar-brand img { width: 234px; height: auto; }
.member-directory .main-nav > .container-fluid > ul { display: flex; align-items: center; gap: 12px; margin: 0 !important; }
.member-directory .main-nav .navbar-brand { margin: 0; padding-block: 16px; }
.member-directory .main-nav .mobile-menu-toggle { margin: 0; }
.member-directory .float-signup-bottom { display: none; }
.md-skip { position: fixed; inset-block-start: -100px; inset-inline-start: 16px; z-index: 2000; background: white; color: var(--md-action); padding: 12px 20px; border-radius: 8px; }
.md-skip:focus { inset-block-start: 12px; }
.md-layout { display: grid; grid-template-columns: 224px minmax(0, 1fr); gap: 40px; align-items: start; padding-block: 38px 64px; }
.md-layout:not(:has(.md-sidebar)) { grid-template-columns: minmax(0, 1fr); }
.md-sidebar { min-width: 0; padding-inline-end: 24px; border-inline-end: 1px solid var(--md-line); }
.md-account { display: flex; align-items: center; gap: 12px; padding-block: 0 28px; }
.md-account-avatar { flex: 0 0 52px; }
.md-account-avatar img { width: 52px; height: 52px; object-fit: cover; border-radius: 50%; background: var(--md-blush); }
.md-account > div { min-width: 0; }
.md-account span { display: block; color: var(--md-muted); font-size: 12px; }
.md-account strong { display: block; overflow-wrap: anywhere; font-size: 16px; margin-block: 2px; }
.md-account > div > a { font-size: 12px; color: var(--md-action); }
.md-account i { font-size: 10px; margin-inline-start: 5px; }
.md-account-nav { display: grid; gap: 5px; }
.md-account-nav > a { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 10px 12px; border-radius: 8px; color: var(--md-muted); font-size: 14px; position: relative; }
.md-account-nav > a[aria-current] { background: var(--md-blush); color: var(--md-action); font-weight: 700; }
.md-account-nav > a:hover { background: var(--md-blush); }
.md-account-nav i { width: 18px; text-align: center; }
.md-activity { border-block-start: 1px solid var(--md-line); margin-block-start: 28px; padding-block-start: 24px; }
.member-directory .md-activity h2 { font-size: 13px; font-weight: 700; margin-block-end: 12px; }
.md-activity a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; color: var(--md-muted); font-size: 13px; gap: 12px; }
.md-activity strong { font-variant-numeric: tabular-nums; color: var(--md-ink); }
.md-activity p { font-size: 12px; color: var(--md-muted); margin-block-start: 12px; }
.md-membership { margin-block-start: 28px; padding: 20px 16px; background: #fff5cc; border-radius: 12px; }
.md-membership > i { font-size: 20px; color: #735916; }
.member-directory .md-membership h2 { font-size: 15px; margin-block: 12px 6px; font-weight: 700; }
.md-membership p { font-size: 12px; line-height: 1.9; color: #66532a; }
.md-membership a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; color: var(--md-ink); font-size: 13px; font-weight: 700; margin-block-start: 10px; }
.md-sidebar-help { display: block; color: var(--md-muted); font-size: 12px; padding-block: 28px; }
.md-content { min-width: 0; }
.member-directory .md-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-block-end: 28px; background: transparent; }
.member-directory .md-heading h1 { font-size: 28px; font-weight: 700; line-height: 1.6; color: var(--md-ink); }
.md-heading p { color: var(--md-muted); font-size: 14px; margin-block-start: 7px; }
.md-own-profile { display: flex; align-items: center; flex-shrink: 0; gap: 8px; color: var(--md-action); min-height: 44px; font-size: 13px; }
.md-filters { border: 1px solid var(--md-line); border-radius: 12px; background: #fff; }
.md-filters summary { padding: 18px 22px; display: flex; justify-content: space-between; align-items: center; gap: 14px; font-weight: 700; cursor: pointer; list-style: none; }
.md-filters summary::-webkit-details-marker { display: none; }
.md-filters summary i { margin-inline-end: 6px; font-size: 13px; color: var(--md-action); }
.md-filter-toggle { font-weight: 400; color: var(--md-muted); font-size: 12px; }
.md-filter-toggle i { transition: transform 180ms ease-out; margin-inline: 8px 0; }
.md-filters[open] .md-filter-toggle i { transform: rotate(180deg); }
.md-search { padding: 0 22px 20px; display: grid; grid-template-columns: 1.15fr 1fr 1fr 1fr; gap: 16px; }
.md-age { min-width: 0; margin: 0; padding: 0; border: 0; }
.md-age legend, .md-field label { font-size: 12px; font-weight: 700; display: block; margin-block-end: 7px; float: none; width: auto; }
.md-age > div { display: flex; align-items: center; gap: 8px; }
.md-age > div > span { color: var(--md-muted); font-size: 12px; }
.md-search input[type="text"], .md-search select { background-color: #fff; border: 1px solid #cdbcc6; border-radius: 7px; min-width: 0; width: 100%; min-height: 44px; color: var(--md-ink); font-family: inherit; font-size: 13px; padding: 9px 10px; }
.md-search select { padding-inline-end: 30px; }
.md-search input::placeholder { color: var(--md-muted); opacity: 1; }
.md-field { min-width: 0; }
.md-search-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 22px; }
.md-search-actions > a { font-size: 13px; color: var(--md-action); min-height: 44px; display: inline-flex; align-items: center; gap: 8px; }
.md-search-actions > .md-reset { margin-inline-start: auto; color: var(--md-muted); text-decoration: underline; text-underline-offset: 4px; }
.md-button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 44px; padding: 10px 22px; background: var(--md-action); border: 0; border-radius: 7px; font: inherit; font-size: 13px; font-weight: 700; color: #fff; }
.member-directory .md-button:hover { color: #fff; background: #a90e42; }
.md-search-errors { grid-column: 1 / -1; color: #9b1745; font-size: 13px; }
.md-locked { display: flex; align-items: center; gap: 16px; padding: 20px 22px; border-radius: 12px; background: var(--md-blush); }
.md-locked > i { color: var(--md-action); }
.md-locked strong { font-size: 15px; }
.md-locked p { color: var(--md-muted); font-size: 13px; margin-top: 4px; }
.md-locked > a { margin-inline-start: auto; white-space: nowrap; font-size: 13px; font-weight: 700; color: var(--md-action); }
.md-locked > a i { margin-inline-start: 8px; }
.md-featured { margin-block: 28px 32px; }
.md-featured > summary { cursor: pointer; list-style: none; min-height: 44px; margin-block-end: 0; }
.md-featured > summary::-webkit-details-marker { display: none; }
.md-featured-toggle i { font-size: 11px; margin-inline-start: 8px; }
.md-featured[open] .md-featured-toggle i { transform: rotate(180deg); }
.md-featured[open] .md-featured-list { margin-block-start: 10px; }
.md-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-block-end: 14px; }
.member-directory .md-section-heading h2 { font-size: 17px; font-weight: 700; display: flex; gap: 9px; align-items: center; }
.md-section-heading h2 i { color: #8a6512; font-size: 15px; }
.md-section-heading > span { font-size: 12px; color: var(--md-muted); }
.md-section-heading > a { font-size: 13px; color: var(--md-action); min-height: 44px; display: flex; align-items: center; gap: 10px; }
.md-featured-list { display: flex; gap: 12px; overflow-x: auto; padding-block: 5px 10px; scrollbar-width: thin; scrollbar-color: #c6a4b5 var(--md-paper); }
.md-featured-member { display: flex; align-items: center; gap: 12px; flex: 0 0 208px; min-width: 0; padding: 14px; background: #fff; border: 1px solid var(--md-line); border-radius: 12px; color: var(--md-ink); }
.md-featured-member > span:not(.md-status-dot) { min-width: 0; }
.md-featured-member img { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: var(--md-blush); }
.md-featured-member strong { display: block; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-featured-member small { display: block; color: var(--md-muted); font-size: 11px; margin-block-start: 4px; }
.md-results { scroll-margin-top: 20px; margin-block-start: 28px; }
.md-results-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-block-end: 18px; }
.member-directory .md-results-heading h2 { font-size: 22px; font-weight: 700; }
.md-results-heading p { font-size: 12px; color: var(--md-muted); margin-block-start: 4px; font-variant-numeric: tabular-nums; }
.md-sort { display: flex; gap: 4px; flex-wrap: wrap; }
.md-sort a { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 9px 13px; border-radius: 7px; font-size: 13px; color: var(--md-muted); }
.md-sort a[aria-current] { background: var(--md-blush); color: var(--md-action); font-weight: 700; }
.md-sort a:hover { background: var(--md-blush); }
.md-status-dot { display: inline-block; flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: #287348; }
.md-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.md-card { padding: 20px 18px 12px; border: 1px solid var(--md-line); border-radius: 12px; background: #fff; min-width: 0; display: flex; flex-direction: column; transition: border-color 180ms ease-out; }
.md-card:hover, .md-featured-member:hover { border-color: #c69aaa; }
.md-card-top { display: flex; align-items: center; gap: 14px; }
.md-avatar { flex: 0 0 64px; }
.md-avatar img { object-fit: cover; border-radius: 50%; width: 64px; height: 64px; background: var(--md-blush); }
.md-card-identity { min-width: 0; }
.member-directory .md-card h3 { font-size: 16px; font-weight: 700; line-height: 1.65; overflow-wrap: anywhere; }
.md-card h3 a { color: var(--md-ink); }
.md-card-identity p { color: var(--md-muted); font-size: 12px; margin-block-start: 3px; }
.md-tier { font-size: 10px; color: #77560d; display: inline-flex; align-items: center; gap: 5px; margin-block-start: 4px; }
.member-directory .md-presence { font-size: 11px; color: var(--md-muted); margin-block: 13px 16px; }
.md-online { color: #23633e; display: inline-flex; align-items: center; gap: 6px; }
.md-facts { margin: 0; font-size: 12px; }
.md-facts > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-block-end: 8px; }
.md-facts dt { font-weight: 400; color: var(--md-muted); flex-shrink: 0; }
.md-facts dd { margin: 0; text-align: end; overflow-wrap: anywhere; }
.md-traits { display: flex; gap: 5px 7px; flex-wrap: wrap; list-style: none; padding: 8px 0 18px; margin: 0; }
.md-traits li { color: #675560; background: #f7f2f5; border-radius: 5px; padding: 4px 7px; font-size: 10px; }
.md-card-actions { display: flex; gap: 4px; align-items: center; border-block-start: 1px solid var(--md-line); padding-block-start: 8px; margin-block-start: auto; }
.md-view { display: flex; gap: 12px; align-items: center; min-height: 44px; color: var(--md-action); font-size: 13px; font-weight: 700; margin-inline-end: auto; }
.md-view i { font-size: 10px; }
.md-icon-action { width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; border: 0; border-radius: 7px; background: none; color: var(--md-muted); flex-shrink: 0; }
.md-icon-action:hover, .md-icon-action[aria-pressed="true"] { color: var(--md-action); background: var(--md-blush); }
.md-icon-action:disabled { cursor: wait; opacity: .5; }
.md-action-feedback:empty { display: none; }
.md-action-feedback:not(:empty) { position: fixed; inset-inline: 20px; inset-block-end: 24px; margin: auto; width: fit-content; max-width: calc(100% - 40px); z-index: 1050; background: var(--md-ink); color: #fff; border-radius: 8px; padding: 14px 20px; font-size: 14px; box-shadow: 0 8px 30px #38233226; }
.md-pagination { display: flex; justify-content: center; align-items: center; gap: 28px; padding-block: 32px; font-size: 13px; color: var(--md-muted); font-variant-numeric: tabular-nums; }
.md-pagination a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 14px; color: var(--md-action); border: 1px solid var(--md-line); border-radius: 7px; background: #fff; }
.md-pagination > [aria-disabled] { color: var(--md-muted); opacity: .65; }
.md-empty { grid-column: 1 / -1; text-align: center; padding: 48px 24px; background: #fff; border: 1px solid var(--md-line); border-radius: 12px; }
.md-empty > i { font-size: 28px; color: var(--md-action); margin-block-end: 18px; }
.member-directory .md-empty h3 { font-size: 21px; margin-block-end: 10px; }
.md-empty p { color: var(--md-muted); font-size: 14px; margin-block-end: 24px; }
.md-ad { padding-block: 16px 32px; text-align: center; }
.md-ad > span { display: block; font-size: 11px; color: var(--md-muted); margin-block-end: 8px; }
.md-ad img { max-width: 100%; max-height: 160px; width: auto; height: auto; object-fit: contain; border-radius: 8px; }
.md-matchmakers { border-block-start: 1px solid var(--md-line); padding-block-start: 24px; margin-block-start: 16px; }
.md-matchmaker-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; }
.md-matchmaker-list > a { display: flex; align-items: center; gap: 12px; padding-block: 18px; border-block-end: 1px solid var(--md-line); color: var(--md-ink); }
.md-matchmaker-list > a > i { color: var(--md-action); font-size: 14px; }
.md-matchmaker-list > a > i:last-child { margin-inline-start: auto; font-size: 10px; }
.md-matchmaker-list strong { display: block; font-size: 13px; }
.md-matchmaker-list small { display: block; font-size: 11px; color: var(--md-muted); }
.member-directory .md-footer { background: none; padding-block: 24px; border-block-start: 1px solid var(--md-line); display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.md-footer > a { color: var(--md-action); font-weight: 700; }
.md-footer nav { display: flex; gap: 24px; flex-wrap: wrap; }
.md-footer nav a { color: var(--md-muted); font-size: 12px; padding-block: 10px; }
@media (min-width: 1600px) { .md-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md-wrap, .member-directory .main-nav > .container-fluid { width: min(1560px, calc(100% - 80px)); } }
@media (max-width: 1199px) {
  .md-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 24px; }
  .md-sidebar { padding-inline-end: 18px; }
  .md-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md-search { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md-matchmaker-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md-heading { align-items: start; }
  .member-directory .md-heading h1 { font-size: 25px; }
}
@media (max-width: 767px) {
  .md-wrap, .member-directory .main-nav > .container-fluid { width: calc(100% - 32px); }
  .member-directory .main-nav { min-height: 64px; }
  .member-directory .main-nav > .container-fluid { flex-wrap: nowrap; }
  .member-directory .main-nav .navbar-brand img { width: clamp(140px, 48vw, 190px); }
  .member-directory .main-nav > .container-fluid > ul { gap: 4px; }
  .md-layout { display: flex; flex-direction: column; gap: 16px; padding-block: 16px 36px; }
  .md-sidebar { display: contents; }
  .md-account { padding: 0; gap: 10px; width: 100%; }
  .md-account > div { flex: 1; display: grid; grid-template-columns: 1fr auto; align-items: center; }
  .md-account > div > span { grid-column: 1; }
  .md-account > div > strong { grid-column: 1; }
  .md-account > div > a { grid-column: 2; grid-row: 1 / 3; padding: 10px; }
  .md-account-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; width: 100%; margin-block-start: -9px; border-block-end: 1px solid var(--md-line); padding-block-end: 14px; }
  .md-account-nav > a { flex-direction: column; gap: 6px; padding: 10px 2px; font-size: 11px; text-align: center; }
  .md-account-nav > a i { font-size: 17px; }
  .md-secondary { width: 100%; display: grid; gap: 20px; }
  .md-activity { margin: 0; width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; padding-block-start: 20px; }
  .md-activity h2, .md-activity p { grid-column: 1 / -1; }
  .md-membership { margin: 0; width: 100%; }
  .md-sidebar-help { padding: 0; }
  .md-content { width: 100%; }
  .member-directory .md-heading { gap: 12px; margin-block-end: 16px; }
  .member-directory .md-heading h1 { font-size: 21px; }
  .md-heading p { font-size: 13px; }
  .md-own-profile { display: none; }
  .md-filters summary { padding: 16px; font-size: 14px; }
  .md-filter-toggle { font-size: 0; }
  .md-filter-toggle i { font-size: 12px; }
  .md-search { padding: 0 16px 18px; gap: 14px; }
  .md-search-actions { gap: 16px; flex-wrap: wrap; }
  .md-search-actions > .md-reset { margin-inline-start: 0; }
  .md-locked { flex-wrap: wrap; padding: 18px; align-items: start; gap: 10px; }
  .md-locked > div { flex: 1; }
  .md-locked > i { padding-top: 5px; }
  .md-locked > a { margin-inline-start: 24px; min-height: 36px; }
  .md-featured { margin-block: 14px; }
  .md-featured > summary > .md-featured-toggle { display: inline; }
  .md-results { margin-block-start: 20px; }
  .md-section-heading > span { display: none; }
  .md-featured-member { flex-basis: 200px; }
  .md-results-heading { align-items: start; flex-direction: column; gap: 12px; }
  .md-sort { width: 100%; border-block-end: 1px solid var(--md-line); padding-block-end: 10px; }
  .md-sort > a { flex: 1; }
  .member-directory .md-results-heading h2 { font-size: 20px; }
  .md-grid { gap: 14px; }
  .md-card { padding: 18px 16px 10px; }
  .md-pagination { gap: 16px; font-size: 12px; }
  .md-pagination a { padding: 8px 10px; }
  .md-footer, .md-footer nav { justify-content: center; }
  .member-directory .md-footer { flex-direction: column; gap: 12px; }
  .md-footer nav { gap: 16px; }
}
@media (max-width: 539px) {
  .md-grid { grid-template-columns: minmax(0, 1fr); }
  .md-matchmaker-list { grid-template-columns: minmax(0, 1fr); }
  .md-card { padding: 20px 20px 10px; }
  .md-card-top { gap: 16px; }
  .md-facts { font-size: 13px; }
  .md-traits li { font-size: 11px; }
  .md-presence { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .member-directory *, .member-directory *::before, .member-directory *::after { transition: none !important; animation: none !important; } }