/* Giving Tuesday Las Vegas participant directory — /givingtuesday/directory/ */

.gt-hero--compact { padding: var(--spacing-3xl) 0 var(--spacing-2xl); }
.gt-hero--compact h1 { font-size: var(--font-size-4xl); margin-bottom: var(--spacing-sm); }
.gt-hero--compact p { font-size: var(--font-size-lg); max-width: 640px; margin: 0 auto; }

.gtd-crumb { color: inherit; text-decoration: none; }
.gtd-crumb:hover { text-decoration: underline; }

.gtd-card__head { display: flex; align-items: center; gap: var(--spacing-md); }
.gtd-card__head .dir-card__name { margin: 0; }

.gtd-logo {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--color-border-light);
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gtd-logo img { width: 100%; height: 100%; object-fit: contain; }
.gtd-logo--mono {
  background: #e8edf8;
  border-color: #e8edf8;
  color: #384e87;
  font-weight: 700;
  font-size: var(--font-size-lg);
  letter-spacing: 0.02em;
}

.gtd-card__aka { margin: -4px 0 0; font-size: var(--font-size-xs); color: var(--color-text-muted); }

.gtd-card__mission {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dir-card__meta dd a { color: var(--color-primary); word-break: break-all; }

.gtd-card__social { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: var(--font-size-xs); }
.gtd-card__social a { color: var(--color-text-muted); }
.gtd-card__social a:hover { color: var(--color-primary); }

.gtd-card__foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-sm) var(--spacing-md); }
.gtd-card__donate { font-size: var(--font-size-sm); font-weight: 600; color: var(--color-primary); text-decoration: none; }
.gtd-card__donate:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .gt-hero--compact h1 { font-size: var(--font-size-3xl); }
}

.gtd-card { position: relative; }
.gtd-card__link { color: inherit; text-decoration: none; }
.gtd-card__link::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.gtd-card__link:hover { color: var(--color-primary); text-decoration: underline; }
.gtd-card__link:focus-visible { outline: none; }
.gtd-card:has(.gtd-card__link:focus-visible) { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.gtd-card:has(.gtd-card__link) { cursor: pointer; }
.gtd-card a:not(.gtd-card__link),
.gtd-card button { position: relative; z-index: 1; }