/* Bandeau de consentement : discret, en bas à gauche ; Refuser et Accepter ont exactement le même poids. */
.yam-consent {
  position: fixed;
  left: var(--consent-inset);
  bottom: var(--consent-inset);
  z-index: 1000;
  display: grid;
  gap: var(--size-12);
  width: min(var(--consent-max), calc(100% - var(--consent-inset) * 2));
  padding: var(--size-14) var(--size-16);
  background-color: var(--color-background);
  color: var(--color-text);
  border: var(--rule-strong);
  box-shadow: var(--consent-shadow);
  font-family: var(--font-body);
}
.yam-consent[hidden] {
  display: none;
}
.yam-consent-text {
  margin: 0;
  font-size: var(--type-small);
  line-height: var(--leading-body);
}
.yam-consent-more {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: var(--size-4);
}
.yam-consent-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--size-8);
}
.yam-consent-button {
  min-height: var(--consent-button);
  padding: var(--size-4) var(--size-12);
  background-color: transparent;
  color: var(--color-text);
  border: var(--rule-strong);
  font: inherit;
  font-size: var(--type-small);
  cursor: pointer;
  transition: background-color var(--motion-quick), color var(--motion-quick);
}
.yam-consent-button:hover {
  background-color: var(--color-text);
  color: var(--color-background);
}
.yam-consent-button:focus-visible,
.yam-consent-more:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--size-4);
}
/* Lien « Gestion des cookies » du pied de page : un bouton qui ressemble aux autres liens. */
.yam-ft-consent {
  padding: 0;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  .yam-consent-button {
    transition-duration: 0.01ms;
  }
}