/* ==========================================================================
   DELIVERY.CSS — Bande "commander en ligne" (fond indigo plein)
   ========================================================================== */

#delivery {
  background: var(--indigo);
  padding-block: var(--spacing-lg);
}

.delivery__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}

.delivery__label {
  font-family: var(--font-label);
  letter-spacing: 0.1em;
  font-size: 1.1rem;
  color: var(--cream);
}

.delivery__label span {
  display: block;
  font-family: var(--font-body);
  letter-spacing: normal;
  font-size: var(--fs-small);
  color: rgba(243, 238, 227, 0.7);
  margin-top: 0.25rem;
}

.delivery__links {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  flex-wrap: wrap;
}

.delivery__badge {
  display: flex;
  align-items: center;
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.delivery__badge:hover {
  transform: translateY(-2px);
  opacity: 0.85;
}

.delivery__badge-logo {
  height: 96px;
  width: auto;
  display: block;
}