/**
 * Arkendo use-cases.
 * Source: migration/arkendo/hubspot-theme/css/arkendo.css
 * Icon masks: ../icons/ relative to this stylesheet (assets/icons/).
 */

.ak-reveal { transition: opacity 0.5s ease, transform 0.5s ease; }
.ak-reveal--hidden { opacity: 0; transform: translateY(16px); }
.ak-reveal--on { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .ak-reveal,
  .ak-reveal--hidden,
  .ak-reveal--on {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.ak-section__intro {
  margin-top: var(--space-4);
}

.grid-use-cases { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }
.grid-use-cases > * { min-width: 0; }

.use-case-card { display: flex; flex-direction: column; gap: var(--space-3); align-items: center; }
.use-case-card__icon {
  display: block;
  width: 24px;
  height: 24px;
  color: var(--color-white);
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}
[data-theme="light"] .use-case-card__icon { color: var(--color-accent); }
.icon-chat { -webkit-mask-image: url("../icons/icon-chat-documents.svg"); mask-image: url("../icons/icon-chat-documents.svg"); }
.icon-contracts { -webkit-mask-image: url("../icons/icon-vertraege.svg"); mask-image: url("../icons/icon-vertraege.svg"); }
.icon-tickets { -webkit-mask-image: url("../icons/icon-tickets.svg"); mask-image: url("../icons/icon-tickets.svg"); }
.icon-copy { -webkit-mask-image: url("../icons/icon-emails-texte.svg"); mask-image: url("../icons/icon-emails-texte.svg"); }
.icon-invoices { -webkit-mask-image: url("../icons/icon-rechnungen.svg"); mask-image: url("../icons/icon-rechnungen.svg"); }
.icon-code { -webkit-mask-image: url("../icons/icon-coding.svg"); mask-image: url("../icons/icon-coding.svg"); }

@media (max-width: 1023px) {
  .grid-use-cases { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 699px) {
  .grid-use-cases { grid-template-columns: 1fr; }
}