/* EventQora directory/profile shared presentation. */
.evqra-profile-pagination,
.evqra-category-pagination { margin: 28px 0 4px; display: flex; justify-content: center; }
.evqra-profile-pagination ul,
.evqra-category-pagination ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; list-style: none; margin: 0; padding: 0; }
.evqra-profile-pagination li,
.evqra-category-pagination li { margin: 0; padding: 0; }
.evqra-profile-pagination a,
.evqra-profile-pagination span,
.evqra-category-pagination a,
.evqra-category-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0 12px; border: 1px solid var(--evqra-ui-line, #e2e8f0); border-radius: 10px; background: var(--evqra-ui-surface, #fff); color: var(--evqra-ui-ink, #0f172a); font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none; }
.evqra-profile-pagination .current,
.evqra-category-pagination .current { border-color: var(--evqra-ui-accent, #4f46e5); background: var(--evqra-ui-accent, #4f46e5); color: #fff; }
.evqra-profile-pagination .prev,
.evqra-profile-pagination .next,
.evqra-category-pagination .prev,
.evqra-category-pagination .next { min-width: 84px; }
.evqra-profile-pagination a:focus-visible,
.evqra-category-pagination a:focus-visible,
.evqra-directory-card a:focus-visible,
.evqra-category-directory-card:focus-visible,
.evqra-profile-cta:focus-visible,
.evqra-profile-primary-button:focus-visible,
.evqra-social-pill-grid a:focus-visible { outline: 3px solid rgba(79,70,229,.35); outline-offset: 3px; }
.evqra-related-events-grid { align-items: stretch; }
.evqra-related-event-card { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
.evqra-related-event-card > img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.evqra-related-event-card > div { display: flex; flex: 1; flex-direction: column; }
.evqra-related-event-card > div strong { margin-top: auto; }
.evqra-directory-card,
.evqra-category-directory-card,
.evqra-profile-card { min-width: 0; }

.evqra-related-categories { width: min(1180px,100%); margin: 42px auto 0; }
.evqra-related-categories-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.evqra-related-categories-head h2 { margin: 6px 0 0; }
.evqra-related-categories-hint { color: #64748b; font-size: 13px; }
.evqra-related-categories-track { display: flex; gap: 16px; overflow-x: auto; padding: 4px 4px 14px; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
.evqra-related-category-card { flex: 0 0 clamp(250px,31vw,340px); min-height: 132px; display: flex; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid color-mix(in srgb,var(--evqra-category-color,#3730a3) 16%,#e2e8f0); border-radius: 18px; background: linear-gradient(135deg,color-mix(in srgb,var(--evqra-category-bg,#eef2ff) 92%,#fff),#fff); box-sizing: border-box; text-decoration: none; color: inherit; scroll-snap-align: start; box-shadow: 0 10px 28px rgba(15,23,42,.06); transition: transform .18s ease,box-shadow .18s ease; }
.evqra-related-category-card:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(15,23,42,.1); }
.evqra-related-category-card:focus-visible { outline: 3px solid rgba(79,70,229,.35); outline-offset: 3px; }
.evqra-related-category-icon { flex: 0 0 50px; width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; background: #fff; color: var(--evqra-category-color,#3730a3); font-size: 20px; font-weight: 800; box-shadow: 0 6px 18px rgba(15,23,42,.07); }
.evqra-related-category-copy { min-width: 0; display: flex; flex: 1; flex-direction: column; gap: 6px; }
.evqra-related-category-copy strong { color: var(--evqra-category-color,#3730a3); font-size: 17px; line-height: 1.25; overflow-wrap: anywhere; }
.evqra-related-category-copy small { color: #64748b; font-size: 13px; }
.evqra-related-category-arrow { flex: 0 0 auto; color: var(--evqra-category-color,#3730a3); font-size: 20px; font-weight: 700; }

@media (max-width:960px) {
  .evqra-directory-grid,
  .evqra-category-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .evqra-profile-content-shell { grid-template-columns: 1fr; }
  .evqra-profile-sidebar { position: static; }
  .evqra-related-categories { width: 100%; }
}
@media (max-width:640px) {
  .evqra-directory-page,
  .evqra-events-discovery { padding: 28px 16px 48px; }
  .evqra-directory-hero,
  .evqra-events-hero,
  .evqra-category-hero,
  .evqra-profile-hero { border-radius: 20px; }
  .evqra-directory-hero { display: block; padding: 28px 22px; }
  .evqra-directory-hero-mark,
  .evqra-events-hero-art { min-width: 0; width: 100%; height: 92px; margin-top: 22px; }
  .evqra-directory-grid,
  .evqra-category-directory-grid { grid-template-columns: 1fr; gap: 16px; }
  .evqra-directory-card-body { padding: 17px; }
  .evqra-profile-pagination a,
  .evqra-profile-pagination span,
  .evqra-category-pagination a,
  .evqra-category-pagination span { min-width: 36px; min-height: 38px; padding: 0 9px; }
  .evqra-profile-pagination .prev,
  .evqra-profile-pagination .next,
  .evqra-category-pagination .prev,
  .evqra-category-pagination .next { min-width: 74px; }
  .evqra-related-categories-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .evqra-related-category-card { flex-basis: min(84vw,320px); min-height: 118px; padding: 16px 18px; }
}


/* Configurable directory views. */
.evqra-directory-grid { grid-template-columns: repeat(var(--evqra-directory-columns, 3), minmax(0, 1fr)); }
.evqra-directory-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin:20px 0; }
.evqra-directory-view-switcher { display:inline-flex; align-items:center; gap:4px; padding:4px; border:1px solid var(--evqra-ui-line,#e2e8f0); border-radius:12px; background:var(--evqra-ui-surface,#fff); }
.evqra-directory-view-switcher__item { display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:9px; color:var(--evqra-ui-ink,#334155); font-size:13px; font-weight:700; text-decoration:none; }
.evqra-directory-view-switcher__item:hover { background:#f1f5f9; color:#0f172a; }
.evqra-directory-view-switcher__item.is-active { background:#111827; color:#fff; }
.evqra-directory-list { display:grid; gap:14px; }
.evqra-directory-list__item { display:grid; grid-template-columns:minmax(120px,220px) minmax(0,1fr); gap:22px; align-items:center; padding:16px; border:1px solid #e2e8f0; border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.05); }
.evqra-directory-list__media { display:block; min-height:130px; height:100%; overflow:hidden; border-radius:14px; background:#eef2ff; text-decoration:none; }
.evqra-directory-list__media img { display:block; width:100%; height:100%; min-height:130px; object-fit:cover; }
.evqra-directory-list__media--avatar { min-height:120px; max-height:150px; }
.evqra-directory-list__media--avatar img { object-fit:cover; }
.evqra-directory-list__body { min-width:0; }
.evqra-directory-list__body h2 { margin:7px 0 10px; }
.evqra-directory-list__body h2 a { color:inherit; text-decoration:none; }
.evqra-directory-list__body .evqra-card-link { display:inline-flex; margin-top:8px; }
.evqra-directory-compact { display:grid; gap:8px; }
.evqra-directory-compact__item { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 18px; border:1px solid #e2e8f0; border-radius:12px; background:#fff; color:#0f172a; text-decoration:none; transition:background .15s ease,border-color .15s ease,transform .15s ease; }
.evqra-directory-compact__item:hover { background:#f8fafc; border-color:#cbd5e1; transform:translateX(2px); }
.evqra-directory-compact__title { font-weight:700; overflow-wrap:anywhere; }
.evqra-directory-compact__meta { color:#64748b; font-size:13px; white-space:nowrap; }
.evqra-category-icon--image { overflow:hidden; }
.evqra-category-icon--image img { width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }
.evqra-directory-view--list .evqra-directory-card,
.evqra-directory-view--compact .evqra-directory-card { box-shadow:none; }

@media (max-width: 900px) {
  .evqra-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .evqra-directory-list__item { grid-template-columns:150px minmax(0,1fr); }
}
@media (max-width: 640px) {
  .evqra-directory-grid { grid-template-columns:1fr; }
  .evqra-directory-list__item { grid-template-columns:1fr; }
  .evqra-directory-list__media,
  .evqra-directory-list__media img { min-height:180px; }
  .evqra-directory-view-switcher { width:100%; justify-content:space-between; }
  .evqra-directory-view-switcher__item { flex:1; justify-content:center; }
}


/* Stable category palette shared with event labels and category archives. */
.evqra-category-palette--1 { --evqra-category-bg: #eff6ff; --evqra-category-color: #1e3a8a; }
.evqra-category-palette--2 { --evqra-category-bg: #f0fdf4; --evqra-category-color: #166534; }
.evqra-category-palette--3 { --evqra-category-bg: #fefce8; --evqra-category-color: #854d0e; }
.evqra-category-palette--4 { --evqra-category-bg: #fff7ed; --evqra-category-color: #9a3412; }
.evqra-category-palette--5 { --evqra-category-bg: #fdf2f8; --evqra-category-color: #9d174d; }
.evqra-category-palette--6 { --evqra-category-bg: #f5f3ff; --evqra-category-color: #5b21b6; }
.evqra-category-palette--7 { --evqra-category-bg: #ecfeff; --evqra-category-color: #155e75; }
.evqra-category-palette--8 { --evqra-category-bg: #f8fafc; --evqra-category-color: #334155; }
.evqra-category-directory-card { color: var(--evqra-category-color, #3730a3); }
