.shortcuts { padding-block: 0; }

.shortcuts__list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.875rem;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.shortcuts__list li { margin: 0; }

.shortcuts__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1875rem;
  color: var(--gl-text-dark);
}

.shortcuts__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.25rem, 2.1rem + 3.1vw, 5.375rem);
  height: clamp(3.25rem, 2.1rem + 3.1vw, 5.375rem);
  transition: transform var(--gl-dur) var(--gl-ease);
}
/* Icônes bicolores fournies avec leurs propres remplissages : on ne les surcharge pas. */
.shortcuts__icon svg { width: 100%; height: 100%; }

.shortcuts__link:hover .shortcuts__icon,
.shortcuts__link:focus-visible .shortcuts__icon { transform: translateY(-0.25rem); }

.shortcuts__title {
  margin: 0;
  font-family: var(--gl-font-head);
  font-size: var(--gl-fs-h4);
  font-weight: 300;
  line-height: 1.2;
}

.shortcuts__text {
  display: block;
  margin-top: -0.25rem;
  font-family: var(--gl-font-body);
  font-size: 1rem;
  line-height: 1.6875;
  color: var(--gl-text);
}

@media (max-width: 61.99em) {
  .shortcuts__list { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
}