/* Copie générée depuis design/web-blocks/dt-base.css -- ne pas éditer ici. */
.dtb {
  box-sizing: border-box;
  margin: 0;
  padding: var(--dt-section-pad) var(--dt-space-3);
}
.dtb--compact {
  padding-block: var(--dt-section-pad-compact);
}
.dtb--flush {
  padding-block: 0;
}

.dtb-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--dt-content-max);
  margin-inline: auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.dtb-inner--narrow {
  max-width: min(var(--dt-content-max), var(--dt-content-narrow));
}

.dtb-box {
  box-sizing: border-box;
  padding: var(--dt-box-pad);
  min-width: 0;
  overflow-wrap: anywhere;
}
.dtb-box--compact {
  padding: var(--dt-box-pad-compact);
}

.dtb img,
.dtb video {
  max-width: 100%;
  height: auto;
}

.dtb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  min-height: var(--dt-btn-min-h, var(--dt-target-min));
  padding: var(--dt-btn-pad);
  border: 1px solid transparent;
  border-radius: var(--dt-btn-radius);
  font-family: var(--dt-font-heading);
  font-size: var(--dt-fs-body);
  font-weight: var(--dt-btn-weight);
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--motion-fast, 200ms) var(--ease-standard, ease),
              box-shadow var(--motion-fast, 200ms) var(--ease-standard, ease),
              background-color var(--motion-fast, 200ms) var(--ease-standard, ease),
              border-color var(--motion-fast, 200ms) var(--ease-standard, ease),
              color var(--motion-fast, 200ms) var(--ease-standard, ease);
}
.dtb-btn:focus-visible {
  outline: 2px solid var(--dt-primary);
  outline-offset: 2px;
}

.dtb-btn-primary,
.dtb-btn-primary:visited,
.dtb-btn-primary:focus {
  background: var(--dt-cta);
  border-color: var(--dt-cta);
  color: var(--dt-text-on-cta);
}

.dtb-btn-primary::after {
  content: var(--dt-btn-glyph);
}
.dtb-btn-primary:hover,
.dtb-btn-primary:focus-visible,
.dtb-btn-primary:active {
  background: var(--dt-cta-strong);
  border-color: var(--dt-cta-strong);
  color: var(--dt-text-on-cta);
  box-shadow: var(--dt-btn-shadow-hover);
  transform: translateY(var(--dt-btn-lift));
}

.dtb-btn-ghost,
.dtb-btn-ghost:visited,
.dtb-btn-ghost:focus {
  background: transparent;
  border-color: var(--dt-control-border);
  color: var(--dt-text);
}
.dtb-btn-ghost:hover,
.dtb-btn-ghost:focus-visible,
.dtb-btn-ghost:active {
  background: var(--dt-btn-ghost-hover-bg);
  border-color: var(--dt-primary);
  color: var(--dt-primary);
}