/* =============================================================================
   Encart « Vous venez d'Odysee ? » — shortcode [dtv_encart_odysee]
   -----------------------------------------------------------------------------
   Autonome, à poser sur la page des formules ou ailleurs. Volontairement plus
   sobre que [dtv_annonce] : il vit AU MILIEU d'une page qui vend déjà quelque
   chose, et ne doit pas lui faire concurrence.
   ============================================================================= */

.dtv-odencart {
  --dtvo-rouge: #cc0000;
  --dtvo-encre: #101216;
  --dtvo-gris: #6b7280;
  --dtvo-trait: #e5e7eb;
  --dtvo-doux: #f9fafb;

  box-sizing: border-box;
  margin: 28px 0;
  padding: 24px 26px;
  border: 1px solid var(--dtvo-trait);
  border-left: 3px solid var(--dtvo-rouge);
  border-radius: 12px;
  background: var(--dtvo-doux);
  color: var(--dtvo-encre);
}
.dtv-odencart *, .dtv-odencart *::before { box-sizing: border-box; }

.dtv-odencart-badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 11px;
  border-radius: 999px;
  background: rgba(204, 0, 0, .1);
  color: var(--dtvo-rouge);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dtv-odencart h3 {
  margin: 0 0 8px !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--dtvo-encre) !important;
}

.dtv-odencart p {
  margin: 0 0 12px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: var(--dtvo-gris) !important;
  max-width: 640px;
}

.dtv-odencart .dtv-odencart-note {
  font-size: 13px !important;
  padding: 10px 12px;
  border-radius: 7px;
  background: rgba(0, 0, 0, .04);
}

.dtv-odencart .dtv-odencart-lien {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 11px 22px !important;
  border-radius: 999px !important;
  background: var(--dtvo-rouge) !important;
  color: #fff !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: filter .15s ease;
}
.dtv-odencart .dtv-odencart-lien:hover { filter: brightness(1.12); }
.dtv-odencart-lien svg {
  width: 17px; height: 17px;
  fill: none; stroke: currentColor; stroke-width: 2.2;
  stroke-linecap: round; stroke-linejoin: round;
  transition: transform .15s ease;
}
.dtv-odencart .dtv-odencart-lien:hover svg { transform: translateX(3px); }

html[data-theme="dark"] .dtv-odencart,
html.dtv-dark .dtv-odencart,
body.dtv-dark .dtv-odencart {
  --dtvo-encre: #e8e8ea;
  --dtvo-gris: #9ca3af;
  --dtvo-trait: #2f3237;
  --dtvo-doux: #1c1f24;
}
html[data-theme="dark"] .dtv-odencart .dtv-odencart-note,
html.dtv-dark .dtv-odencart .dtv-odencart-note,
body.dtv-dark .dtv-odencart .dtv-odencart-note { background: rgba(255, 255, 255, .05); }