/**
 * @author       Sonia Hammou — branche marketing/sonia-page-expertises
 * @description  Cartes piliers d'expertise numérotées avec liste de services
 * @url          /pages/[secteur].html#expertises
 * @theme        pillar
 * @tags         pillar, card, expertise, secteur
 * @version      1.0.0
 */

/* ─── lk-pillars ────────────────────────────────────────────────────── */
.lk-pillars {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* ─── lk-pillar ─────────────────────────────────────────────────────── */
.lk-pillar {
  background: var(--lk-card-bg);
  border: 0.5px solid var(--lk-border);
  border-top: 2.5px solid var(--lk-terra);
  border-radius: 11px;
  padding: 24px;
  flex: 1 1 240px;
  transition:
    background var(--lk-transition),
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.25s,
    border-color 0.25s;
}

.lk-pillar:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(217, 119, 87, 0.1);
  border-color: var(--lk-terra);
}

.lk-pillar__num {
  font-size: 11px;
  color: var(--lk-terra);
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

.lk-pillar__title {
  font-size: 18px;
  font-weight: var(--lk-font-weight-semibold);
  color: var(--lk-text-hi);
  margin-bottom: 10px;
}

.lk-pillar__desc {
  font-size: 15px;
  color: var(--lk-text-lo);
  line-height: 1.65;
}

.lk-pillar__list {
  margin-top: 12px;
  padding-left: 0;
  list-style: none;
}

.lk-pillar__list-item {
  font-size: 15px;
  color: var(--lk-text-lo);
  padding: 5px 0;
  border-bottom: 0.5px solid var(--lk-border);
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.lk-pillar__list-item:last-child {
  border-bottom: none;
}

.lk-pillar__list-item::before {
  content: "→";
  color: var(--lk-terra);
  font-size: 11px;
  margin-top: 2px;
  flex-shrink: 0;
  aria-hidden: true;
}

/* Dark mode */
[data-theme="dark"] .lk-pillar,
.lk-pillar {
  border-top-width: 2.5px;
}

@media (prefers-reduced-motion: reduce) {
  .lk-pillar {
    transition: background var(--lk-transition);
  }

  .lk-pillar:hover {
    transform: none;
    box-shadow: none;
  }
}