/**
 * Macteck CTA Split — natif Divi 5 — alpha24.
 * Préfixe : .mds-d5-cta-split
 * Directive styleTarget : wrapper neutre, styles sur __inner (element) par défaut.
 */

/* ═══════════════════════════════════════════════════════════════
   VARIABLES CSS GLOBALES — DEFAULTS
═══════════════════════════════════════════════════════════════ */
.mds-d5-cta-split {
	/* Couleurs */
	--mds-cta-bg:                  #ffffff;
	--mds-cta-title-color:         #1a1a2e;
	--mds-cta-body-color:          #4b5563;
	--mds-cta-accent:              #4f46e5;
	--mds-cta-eyebrow-color:       #6366f1;
	--mds-cta-note-color:          #9ca3af;
	--mds-cta-border-color:        rgba(0, 0, 0, 0.08);

	/* Espacement */
	--mds-cta-padding-x:           40px;
	--mds-cta-padding-y:           48px;
	--mds-cta-gap:                 24px;
	--mds-cta-button-gap:          12px;
	--mds-cta-text-gap:            12px;
	--mds-cta-content-max-width:   none;

	/* Forme */
	--mds-cta-radius:              20px;
	--mds-cta-border-width:        0px;

	/* Typographie */
	--mds-cta-eyebrow-size:        13px;
	--mds-cta-title-size:          36px;
	--mds-cta-body-size:           16px;
	--mds-cta-note-size:           13px;
	--mds-cta-title-weight:        700;
	--mds-cta-body-lh:             1.6;

	/* --mds-btn-bg / --mds-btn-color : vars per-bouton (inline seulement, via PHP/JSX).          */
	/* Ne sont PAS définis ici globalement : chaque style de bouton utilise --mds-cta-* comme   */
	/* fallback. Cela évite que --mds-btn-color:#ffffff bleed sur secondary/ghost/outline/link.  */
	--mds-btn-radius:              var(--mds-cta-radius, 10px);

	/* Wrapper Divi neutre (directive styleTarget) */
	background:  transparent;
	box-shadow:  none;
	border:      none;
	box-sizing:  border-box;
}

/* ═══════════════════════════════════════════════════════════════
   INNER — L'ÉLÉMENT VISUEL PRINCIPAL
═══════════════════════════════════════════════════════════════ */
.mds-d5-cta-split__inner {
	display:          flex;
	flex-direction:   column;
	gap:              var(--mds-cta-gap);
	background:       var(--mds-cta-bg);
	border-radius:    var(--mds-cta-radius);
	padding:          var(--mds-cta-padding-y) var(--mds-cta-padding-x);
	border:           var(--mds-cta-border-width) solid var(--mds-cta-border-color);
	box-sizing:       border-box;
	transition:       box-shadow 0.3s ease, transform 0.3s ease;
}

/* ═══════════════════════════════════════════════════════════════
   TYPOGRAPHIE
═══════════════════════════════════════════════════════════════ */
.mds-d5-cta-split__content {
	display:       flex;
	flex-direction: column;
	gap:           var(--mds-cta-text-gap);
}

.mds-d5-cta-split__eyebrow {
	font-size:     var(--mds-cta-eyebrow-size);
	color:         var(--mds-cta-eyebrow-color);
	font-weight:   600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.mds-d5-cta-split__title {
	font-size:   var(--mds-cta-title-size);
	font-weight: var(--mds-cta-title-weight);
	color:       var(--mds-cta-title-color);
	line-height: 1.2;
	margin:      0;
	padding:     0;
}

.mds-d5-cta-split__text {
	font-size:   var(--mds-cta-body-size);
	color:       var(--mds-cta-body-color);
	line-height: var(--mds-cta-body-lh);
}

.mds-d5-cta-split__note {
	font-size: var(--mds-cta-note-size);
	color:     var(--mds-cta-note-color);
	font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════
   BOUTONS — ACTIONS
═══════════════════════════════════════════════════════════════ */
.mds-d5-cta-split__actions {
	display:    flex;
	flex-wrap:  wrap;
	gap:        var(--mds-cta-button-gap);
	align-items: center;
}

.mds-d5-cta-split__button {
	display:         inline-flex;
	align-items:     center;
	justify-content: center;
	gap:             0.4em;
	padding:         0.75em 1.5em;
	border-radius:   var(--mds-btn-radius, 10px);
	font-size:       var(--mds-cta-body-size, 16px);
	font-weight:     600;
	text-decoration: none;
	cursor:          pointer;
	transition:      background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease, border-color 0.2s ease;
	border:          2px solid transparent;
	white-space:     nowrap;
	line-height:     1.25;
	box-sizing:      border-box;
}

/* Primary — fond coloré, texte blanc par défaut */
.mds-d5-cta-split__button--primary {
	background:   var(--mds-btn-bg, var(--mds-cta-accent, #4f46e5));
	color:        var(--mds-btn-color, #ffffff); /* fallback blanc explicite pour primary seulement */
	border-color: transparent;
}
.mds-d5-cta-split__button--primary:hover,
.mds-d5-cta-split__button--primary:focus {
	filter:     brightness(1.08);
	transform:  translateY(-1px);
	box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
}

/* Secondary — transparent + bordure couleur accent */
/* --mds-btn-color est utilisé uniquement si l'utilisateur a défini une couleur custom (inline). */
/* Sinon, fallback sur --mds-cta-accent pour que le bouton soit toujours visible.               */
.mds-d5-cta-split__button--secondary {
	background:   transparent;
	color:        var(--mds-btn-color, var(--mds-cta-accent, #4f46e5));
	border:       2px solid var(--mds-cta-accent, #4f46e5);
	border-color: var(--mds-btn-color, var(--mds-cta-accent, #4f46e5));
}
.mds-d5-cta-split__button--secondary:hover,
.mds-d5-cta-split__button--secondary:focus {
	background:   var(--mds-btn-color, var(--mds-cta-accent, #4f46e5));
	color:        #ffffff;
	border-color: transparent;
}

/* Ghost — fond très léger (visible sur fond clair et foncé) */
.mds-d5-cta-split__button--ghost {
	background:  rgba(0, 0, 0, 0.07);
	color:       var(--mds-btn-color, var(--mds-cta-title-color, #1a1a2e));
	border-color: transparent;
}
.mds-d5-cta-split__button--ghost:hover {
	background: rgba(0, 0, 0, 0.14);
}

/* Outline — transparent + bordure neutre visible */
.mds-d5-cta-split__button--outline {
	background:   transparent;
	color:        var(--mds-btn-color, var(--mds-cta-body-color, #4b5563));
	border-color: var(--mds-cta-body-color, rgba(0, 0, 0, 0.25));
	border-width: 1.5px;
}
.mds-d5-cta-split__button--outline:hover {
	border-color: var(--mds-cta-accent, #4f46e5);
	color:        var(--mds-cta-accent, #4f46e5);
}

/* Link — texte simple souligné, accent par défaut */
.mds-d5-cta-split__button--link {
	background:      transparent;
	color:           var(--mds-btn-color, var(--mds-cta-accent, #4f46e5));
	border-color:    transparent;
	padding-left:    0;
	padding-right:   0;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.mds-d5-cta-split__button--link:hover {
	text-decoration-thickness: 2px;
}

/* No-url — visible mais non cliquable */
.mds-d5-cta-split__button--no-url {
	cursor:  not-allowed;
	opacity: 0.75;
	pointer-events: none;
}

/* Icons */
.mds-d5-cta-split__btn-icon {
	display:     inline-flex;
	align-items: center;
	font-size:   1em;
	line-height: 1;
}
.mds-d5-cta-split__btn-icon svg {
	width:  1em;
	height: 1em;
}

/* ═══════════════════════════════════════════════════════════════
   ALIGNEMENT BOUTONS
═══════════════════════════════════════════════════════════════ */
.mds-d5-cta-split--actions-align-left    .mds-d5-cta-split__actions { justify-content: flex-start; }
.mds-d5-cta-split--actions-align-center  .mds-d5-cta-split__actions { justify-content: center; }
.mds-d5-cta-split--actions-align-right   .mds-d5-cta-split__actions { justify-content: flex-end; }
.mds-d5-cta-split--actions-align-stretch .mds-d5-cta-split__actions { display: grid; grid-template-columns: 1fr 1fr; }
.mds-d5-cta-split--actions-align-stretch .mds-d5-cta-split__actions .mds-d5-cta-split__button { width: 100%; text-align: center; }

/* ═══════════════════════════════════════════════════════════════
   ALIGNEMENT TEXTE
═══════════════════════════════════════════════════════════════ */
.mds-d5-cta-split--align-center .mds-d5-cta-split__content { align-items: center; text-align: center; }
.mds-d5-cta-split--align-right  .mds-d5-cta-split__content { align-items: flex-end; text-align: right; }

/* ═══════════════════════════════════════════════════════════════
   LAYOUTS
═══════════════════════════════════════════════════════════════ */

/* Card (default) — colonne simple */
.mds-d5-cta-split--layout-card .mds-d5-cta-split__inner {
	flex-direction: column;
}

/* Stacked — même que card mais sans limite */
.mds-d5-cta-split--layout-stacked .mds-d5-cta-split__inner {
	flex-direction: column;
}

/* Center — centré */
.mds-d5-cta-split--layout-center .mds-d5-cta-split__inner {
	flex-direction: column;
	align-items:    center;
	text-align:     center;
}
.mds-d5-cta-split--layout-center .mds-d5-cta-split__content { align-items: center; text-align: center; }
.mds-d5-cta-split--layout-center .mds-d5-cta-split__actions { justify-content: center; }

/* Split — texte gauche, boutons droite */
.mds-d5-cta-split--layout-split .mds-d5-cta-split__inner {
	flex-direction: row;
	align-items:    center;
	gap:            var(--mds-cta-gap);
}
.mds-d5-cta-split--layout-split .mds-d5-cta-split__content {
	flex:           1 1 0;
	min-width:      0;
}
.mds-d5-cta-split--layout-split .mds-d5-cta-split__actions {
	flex-shrink: 0;
}

/* Split ratios */
.mds-d5-cta-split--layout-split.mds-d5-cta-split--ratio-5050 .mds-d5-cta-split__content { flex: 1 1 50%; }
.mds-d5-cta-split--layout-split.mds-d5-cta-split--ratio-5050 .mds-d5-cta-split__actions { flex: 1 1 50%; }
.mds-d5-cta-split--layout-split.mds-d5-cta-split--ratio-6040 .mds-d5-cta-split__content { flex: 6 1 60%; }
.mds-d5-cta-split--layout-split.mds-d5-cta-split--ratio-6040 .mds-d5-cta-split__actions { flex: 4 1 40%; }
.mds-d5-cta-split--layout-split.mds-d5-cta-split--ratio-7030 .mds-d5-cta-split__content { flex: 7 1 70%; }
.mds-d5-cta-split--layout-split.mds-d5-cta-split--ratio-7030 .mds-d5-cta-split__actions { flex: 3 1 30%; }

/* Reverse columns */
.mds-d5-cta-split--reverse .mds-d5-cta-split__inner { flex-direction: row-reverse; }
.mds-d5-cta-split--reverse.mds-d5-cta-split--layout-card .mds-d5-cta-split__inner,
.mds-d5-cta-split--reverse.mds-d5-cta-split--layout-stacked .mds-d5-cta-split__inner,
.mds-d5-cta-split--reverse.mds-d5-cta-split--layout-center .mds-d5-cta-split__inner {
	flex-direction: column-reverse;
}

/* Banner — horizontal compact */
.mds-d5-cta-split--layout-banner .mds-d5-cta-split__inner {
	flex-direction: row;
	align-items:    center;
	flex-wrap:      wrap;
	gap:            var(--mds-cta-gap);
	padding:        var(--mds-cta-padding-x) var(--mds-cta-padding-y);
}
.mds-d5-cta-split--layout-banner .mds-d5-cta-split__content {
	flex:     1 1 auto;
	min-width: 0;
}
.mds-d5-cta-split--layout-banner .mds-d5-cta-split__title {
	font-size: calc(var(--mds-cta-title-size) * 0.75);
}

/* ═══════════════════════════════════════════════════════════════
   TAILLES
═══════════════════════════════════════════════════════════════ */
.mds-d5-cta-split--size-small  .mds-d5-cta-split__inner { padding: calc(var(--mds-cta-padding-y) * 0.6) calc(var(--mds-cta-padding-x) * 0.6); }
.mds-d5-cta-split--size-medium .mds-d5-cta-split__inner { padding: calc(var(--mds-cta-padding-y) * 0.8) calc(var(--mds-cta-padding-x) * 0.8); }
.mds-d5-cta-split--size-large  .mds-d5-cta-split__inner { padding: var(--mds-cta-padding-y) var(--mds-cta-padding-x); }
.mds-d5-cta-split--size-xl     .mds-d5-cta-split__inner { padding: calc(var(--mds-cta-padding-y) * 1.35) calc(var(--mds-cta-padding-x) * 1.35); }

/* ═══════════════════════════════════════════════════════════════
   OMBRES
═══════════════════════════════════════════════════════════════ */
.mds-d5-cta-split--shadow-none .mds-d5-cta-split__inner { box-shadow: none; }
.mds-d5-cta-split--shadow-sm   .mds-d5-cta-split__inner { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); }
.mds-d5-cta-split--shadow-md   .mds-d5-cta-split__inner { box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10); }
.mds-d5-cta-split--shadow-lg   .mds-d5-cta-split__inner { box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.mds-d5-cta-split--shadow-glow .mds-d5-cta-split__inner { box-shadow: 0 0 40px rgba(79, 70, 229, 0.3), 0 8px 32px rgba(0, 0, 0, 0.10); }

/* ═══════════════════════════════════════════════════════════════
   EFFETS HOVER
═══════════════════════════════════════════════════════════════ */
.mds-d5-cta-split--effect-lift:hover .mds-d5-cta-split__inner   { transform: translateY(-4px); }
.mds-d5-cta-split--effect-lift.mds-d5-cta-split--intensity-low:hover .mds-d5-cta-split__inner  { transform: translateY(-2px); }
.mds-d5-cta-split--effect-lift.mds-d5-cta-split--intensity-high:hover .mds-d5-cta-split__inner { transform: translateY(-8px); }
.mds-d5-cta-split--effect-lift.mds-d5-cta-split--intensity-max:hover .mds-d5-cta-split__inner  { transform: translateY(-12px); }

.mds-d5-cta-split--effect-glow:hover .mds-d5-cta-split__inner {
	box-shadow: 0 0 40px rgba(79, 70, 229, 0.4), 0 8px 32px rgba(0, 0, 0, 0.12);
}

.mds-d5-cta-split--effect-glass:hover .mds-d5-cta-split__inner {
	backdrop-filter: blur(20px) saturate(1.5);
	background:      rgba(255, 255, 255, 0.15);
}

/* ═══════════════════════════════════════════════════════════════
   STYLE TARGET — DIRECTIVE GLOBALE
═══════════════════════════════════════════════════════════════ */

/* element (défaut) : styles sur __inner, wrapper neutre */
.mds-d5-cta-split--style-target-element { background: transparent; box-shadow: none; border: none; }

/* container : styles Macteck sur le wrapper Divi */
.mds-d5-cta-split--style-target-container {
	background:    var(--mds-cta-bg);
	border-radius: var(--mds-cta-radius);
	border:        var(--mds-cta-border-width) solid var(--mds-cta-border-color);
}
.mds-d5-cta-split--style-target-container .mds-d5-cta-split__inner {
	background:    transparent;
	box-shadow:    none;
	border:        none;
	border-radius: 0;
}

/* both : styles aux deux niveaux, padding évité en double */
.mds-d5-cta-split--style-target-both {
	background:    var(--mds-cta-bg);
	border-radius: var(--mds-cta-radius);
}
.mds-d5-cta-split--style-target-both .mds-d5-cta-split__inner {
	background:    transparent;
	border-radius: 0;
	box-shadow:    none;
}

/* ═══════════════════════════════════════════════════════════════
   PRESETS VISUELS
═══════════════════════════════════════════════════════════════ */

/* Macteck Clean */
.mds-d5-cta-split--preset-macteck-clean {
	--mds-cta-bg:            #f9fafb;
	--mds-cta-title-color:   #111827;
	--mds-cta-body-color:    #374151;
	--mds-cta-accent:        #4f46e5;
	--mds-cta-eyebrow-color: #6366f1;
	--mds-cta-border-color:  #e5e7eb;
	--mds-cta-border-width:  1px;
	--mds-btn-bg:            #4f46e5; /* fond du bouton primary */
	/* Pas de --mds-btn-color global : primary hérite #ffffff de sa règle, secondary hérite accent */
}
.mds-d5-cta-split--preset-macteck-clean .mds-d5-cta-split__inner {
	box-shadow:    none;
	border-radius: 12px;
}

/* Hero Premium (default) */
.mds-d5-cta-split--preset-hero-premium {
	--mds-cta-bg:            #ffffff;
	--mds-cta-title-color:   #1e1b4b;
	--mds-cta-body-color:    #4b5563;
	--mds-cta-accent:        #4f46e5;
	--mds-cta-eyebrow-color: #7c3aed;
	--mds-cta-border-color:  rgba(79, 70, 229, 0.12);
	--mds-cta-border-width:  1px;
	--mds-btn-bg:            #4f46e5; /* fond du bouton primary */
	/* Pas de --mds-btn-color global ici non plus */
}
.mds-d5-cta-split--preset-hero-premium .mds-d5-cta-split__inner {
	box-shadow: 0 20px 60px rgba(79, 70, 229, 0.14), 0 4px 16px rgba(0, 0, 0, 0.06);
}
.mds-d5-cta-split--preset-hero-premium .mds-d5-cta-split__eyebrow {
	background:    linear-gradient(135deg, #7c3aed, #4f46e5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* Dark CTA */
.mds-d5-cta-split--preset-dark-cta {
	--mds-cta-bg:            #0f172a;
	--mds-cta-title-color:   #f1f5f9;
	--mds-cta-body-color:    #94a3b8;
	--mds-cta-accent:        #6366f1;
	--mds-cta-eyebrow-color: #818cf8;
	--mds-cta-note-color:    #64748b;
	--mds-cta-border-color:  rgba(255, 255, 255, 0.08);
	--mds-cta-border-width:  1px;
	--mds-btn-bg:            #6366f1;
}
.mds-d5-cta-split--preset-dark-cta .mds-d5-cta-split__inner {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
/* Sur fond sombre, le bouton primary doit avoir texte blanc */
.mds-d5-cta-split--preset-dark-cta .mds-d5-cta-split__button--primary {
	color: var(--mds-btn-color, #ffffff);
}
/* Secondary sur fond sombre : violet clair visible */
.mds-d5-cta-split--preset-dark-cta .mds-d5-cta-split__button--secondary {
	color:        #a5b4fc;
	border-color: rgba(165, 180, 252, 0.5);
}
.mds-d5-cta-split--preset-dark-cta .mds-d5-cta-split__button--secondary:hover {
	background:   #6366f1;
	color:        #ffffff;
	border-color: transparent;
}
/* Ghost sur fond sombre : fond légèrement clair */
.mds-d5-cta-split--preset-dark-cta .mds-d5-cta-split__button--ghost {
	background: rgba(255, 255, 255, 0.08);
	color:      #e2e8f0;
}
/* Outline sur fond sombre */
.mds-d5-cta-split--preset-dark-cta .mds-d5-cta-split__button--outline {
	color:        #94a3b8;
	border-color: rgba(148, 163, 184, 0.4);
}
/* Link sur fond sombre */
.mds-d5-cta-split--preset-dark-cta .mds-d5-cta-split__button--link {
	color: #a5b4fc;
}

/* Glass Pro */
.mds-d5-cta-split--preset-glass-pro {
	--mds-cta-bg:            rgba(255, 255, 255, 0.12);
	--mds-cta-title-color:   #ffffff;
	--mds-cta-body-color:    rgba(255, 255, 255, 0.85);
	--mds-cta-accent:        rgba(255, 255, 255, 0.9);
	--mds-cta-eyebrow-color: rgba(255, 255, 255, 0.7);
	--mds-cta-note-color:    rgba(255, 255, 255, 0.5);
	--mds-cta-border-color:  rgba(255, 255, 255, 0.2);
	--mds-cta-border-width:  1px;
	--mds-btn-bg:            rgba(255, 255, 255, 0.95);
}
.mds-d5-cta-split--preset-glass-pro .mds-d5-cta-split__inner {
	backdrop-filter: blur(20px) saturate(1.4);
	-webkit-backdrop-filter: blur(20px) saturate(1.4);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 8px 32px rgba(0, 0, 0, 0.12);
}
/* Primary sur glass : fond blanc, texte sombre */
.mds-d5-cta-split--preset-glass-pro .mds-d5-cta-split__button--primary {
	color: var(--mds-btn-color, #1a1a2e);
}
/* Secondary sur glass : semi-transparent blanc avec bordure */
.mds-d5-cta-split--preset-glass-pro .mds-d5-cta-split__button--secondary {
	background:   rgba(255, 255, 255, 0.15);
	color:        #ffffff;
	border-color: rgba(255, 255, 255, 0.4);
}
.mds-d5-cta-split--preset-glass-pro .mds-d5-cta-split__button--secondary:hover {
	background:   rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.6);
}
/* Ghost sur glass */
.mds-d5-cta-split--preset-glass-pro .mds-d5-cta-split__button--ghost {
	background: rgba(255, 255, 255, 0.1);
	color:      #ffffff;
}
/* Link sur glass */
.mds-d5-cta-split--preset-glass-pro .mds-d5-cta-split__button--link {
	color: rgba(255, 255, 255, 0.9);
}

/* Orange Impact */
.mds-d5-cta-split--preset-orange-impact {
	--mds-cta-bg:            #fff7ed;
	--mds-cta-title-color:   #1c1917;
	--mds-cta-body-color:    #57534e;
	--mds-cta-accent:        #ea580c;
	--mds-cta-eyebrow-color: #f97316;
	--mds-cta-border-color:  rgba(234, 88, 12, 0.2);
	--mds-cta-border-width:  2px;
	--mds-btn-bg:            #ea580c;
}
.mds-d5-cta-split--preset-orange-impact .mds-d5-cta-split__inner {
	box-shadow: 0 8px 32px rgba(234, 88, 12, 0.2);
}
/* Primary : fond orange, texte blanc */
.mds-d5-cta-split--preset-orange-impact .mds-d5-cta-split__button--primary {
	color: var(--mds-btn-color, #ffffff);
}
/* Secondary : transparent, texte orange, bordure orange */
.mds-d5-cta-split--preset-orange-impact .mds-d5-cta-split__button--secondary {
	color:        #ea580c;
	border-color: #ea580c;
}
.mds-d5-cta-split--preset-orange-impact .mds-d5-cta-split__button--secondary:hover {
	background:   #ea580c;
	color:        #ffffff;
	border-color: transparent;
}

/* Corporate Blue */
.mds-d5-cta-split--preset-corporate-blue {
	--mds-cta-bg:            #eff6ff;
	--mds-cta-title-color:   #1e3a5f;
	--mds-cta-body-color:    #374151;
	--mds-cta-accent:        #1d4ed8;
	--mds-cta-eyebrow-color: #3b82f6;
	--mds-cta-border-color:  rgba(29, 78, 216, 0.15);
	--mds-cta-border-width:  1px;
	--mds-btn-bg:            #1d4ed8;
}
.mds-d5-cta-split--preset-corporate-blue .mds-d5-cta-split__inner {
	box-shadow: 0 4px 20px rgba(29, 78, 216, 0.15);
}
/* Primary : fond bleu, texte blanc */
.mds-d5-cta-split--preset-corporate-blue .mds-d5-cta-split__button--primary {
	color: var(--mds-btn-color, #ffffff);
}
/* Secondary : transparent, texte bleu, bordure bleu */
.mds-d5-cta-split--preset-corporate-blue .mds-d5-cta-split__button--secondary {
	color:        #1d4ed8;
	border-color: #1d4ed8;
}
.mds-d5-cta-split--preset-corporate-blue .mds-d5-cta-split__button--secondary:hover {
	background:   #1d4ed8;
	color:        #ffffff;
	border-color: transparent;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE MOBILE
═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
	.mds-d5-cta-split--mobile-stack.mds-d5-cta-split--layout-split .mds-d5-cta-split__inner,
	.mds-d5-cta-split--mobile-stack.mds-d5-cta-split--layout-banner .mds-d5-cta-split__inner {
		flex-direction: column;
	}
	.mds-d5-cta-split--mobile-stack.mds-d5-cta-split--layout-split .mds-d5-cta-split__content,
	.mds-d5-cta-split--mobile-stack.mds-d5-cta-split--layout-banner .mds-d5-cta-split__content {
		flex: 1 1 auto;
	}
	.mds-d5-cta-split--mobile-stack.mds-d5-cta-split--layout-split .mds-d5-cta-split__actions,
	.mds-d5-cta-split--mobile-stack.mds-d5-cta-split--layout-banner .mds-d5-cta-split__actions {
		flex: 1 1 auto;
		width: 100%;
	}
	.mds-d5-cta-split__inner {
		padding: calc(var(--mds-cta-padding-y) * 0.7) calc(var(--mds-cta-padding-x) * 0.7);
	}
	.mds-d5-cta-split__title {
		font-size: clamp(20px, 5vw, var(--mds-cta-title-size, 36px));
	}
	.mds-d5-cta-split--actions-align-stretch .mds-d5-cta-split__actions {
		grid-template-columns: 1fr;
	}
}

/* ═══════════════════════════════════════════════════════════════
   PREFERS REDUCED MOTION
═══════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
	.mds-d5-cta-split__button,
	.mds-d5-cta-split__inner {
		transition: none !important;
	}
	.mds-d5-cta-split--effect-lift:hover .mds-d5-cta-split__inner { transform: none; }
}