/*
 * KoloPlus — widgets/legal/document_card · v1.1.3.009
 * Legal document card (terms / privacy / cookies / rules / delete).
 */

.w-legal-document-card {
  --doc-color: var(--n-accent);

  display: flex;
  flex-direction: column;
  gap: var(--n-s-3);
  padding: var(--n-s-4);
  background: var(--n-bg-2);
  border: 1px solid color-mix(in oklab, var(--doc-color) 22%, var(--n-line));
  border-radius: var(--n-r-md);
  text-decoration: none;
  color: inherit;
  transition: background var(--n-dur-base) var(--n-ease);
}
.w-legal-document-card:hover {
  background: var(--n-bg-hover);
}

.w-legal-document-card__head {
  display: flex;
  align-items: flex-start;
  gap: var(--n-s-3);
}

.w-legal-document-card__icon {
  width: 44px;
  height: 44px;
  border-radius: var(--n-r-md);
  background: color-mix(in oklab, var(--doc-color) 14%, transparent);
  color: var(--doc-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 24px;
}

.w-legal-document-card__title-wrap {
  flex: 1;
  min-width: 0;
}

.w-legal-document-card__title {
  margin: 0 0 2px;
  font-weight: var(--n-w-bold);
  color: var(--n-text);
}

.w-legal-document-card__subtitle {
  color: var(--n-text-mute);
  font-weight: var(--n-w-med);
}

.w-legal-document-card__desc {
  color: var(--n-text-soft);
  line-height: var(--n-lh);
}

.w-legal-document-card__tags {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.w-legal-document-card__tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  background: color-mix(in oklab, var(--doc-color) 12%, transparent);
  color: var(--doc-color);
  border-radius: var(--n-r-pill);
  font-weight: var(--n-w-med);
}

.w-legal-document-card__footer {
  display: flex;
  align-items: center;
  gap: var(--n-s-2);
  flex-wrap: wrap;
  padding-top: var(--n-s-2);
  border-top: 1px solid var(--n-line-soft);
}

.w-legal-document-card__version {
  color: var(--n-text-mute);
  font-weight: var(--n-w-med);
  font-variant-numeric: tabular-nums;
}

.w-legal-document-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  color: var(--doc-color);
  font-weight: var(--n-w-sem);
}

.w-legal-document-card__arrow {
  display: inline-flex;
  align-items: center;
  transition: transform var(--n-dur-fast) var(--n-ease);
}
.w-legal-document-card:hover .w-legal-document-card__arrow {
  transform: translateX(2px);
}