/* =========================================================
   MIRACLE LIQUORS – CTA v2.0
   Achtergrondafbeelding optioneel via --ml-cta-image.
   ========================================================= */

.ml-cta{position:relative;min-width:0}
.ml-cta__inner{
  position:relative;z-index:2;display:flex;width:100%;min-width:0;
  flex-direction:column;align-items:flex-start;gap:0;
  padding:var(--ml-space-048);
  border:var(--ml-border-width-thin) var(--ml-border-style) var(--ml-color-border);
  border-radius:var(--ml-radius-panel);
  background:var(--ml-color-surface);
  box-shadow:var(--ml-shadow-xs)
}
.ml-cta__content{
  display:flex;width:min(760px,100%);min-width:0;
  flex-direction:column;align-items:flex-start
}
.ml-cta__content>*{margin-block:0}
.ml-cta__eyebrow{
  display:inline-flex;align-items:center;gap:var(--ml-space-012);
  color:var(--ml-color-primary);font-family:var(--ml-font-ui);
  font-size:var(--ml-text-eyebrow);font-weight:var(--ml-font-weight-semibold);
  line-height:var(--ml-leading-ui);letter-spacing:var(--ml-tracking-eyebrow);
  text-transform:uppercase
}
.ml-cta__eyebrow--line::before{
  width:30px;height:var(--ml-border-width-thin);flex:0 0 auto;
  background:var(--ml-color-accent);content:""
}
.ml-cta__title{
  margin-top:var(--ml-space-012);color:var(--ml-color-heading);
  font-family:var(--ml-font-display);font-size:var(--ml-text-h2);
  font-weight:var(--ml-font-weight-regular);line-height:var(--ml-leading-heading);
  letter-spacing:var(--ml-tracking-heading);text-wrap:balance
}
.ml-cta__text{
  max-width:680px;margin-top:var(--ml-space-016);color:var(--ml-color-text-muted);
  font-family:var(--ml-font-body);font-size:var(--ml-text-body);
  line-height:var(--ml-leading-body-relaxed)
}
.ml-cta__actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--ml-space-inline-md);
  margin-top:var(--ml-space-024)
}

/* Center */
.ml-cta--center .ml-cta__inner{align-items:center;text-align:center}
.ml-cta--center .ml-cta__content{align-items:center}
.ml-cta--center .ml-cta__text{margin-inline:auto}
.ml-cta--center .ml-cta__actions{justify-content:center}

/* Split */
.ml-cta--split .ml-cta__inner{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:var(--ml-space-040)
}
.ml-cta--split .ml-cta__actions{margin-top:0;justify-content:flex-end}

/* Dark */
.ml-cta--dark .ml-cta__inner{
  border-color:transparent;
  background:linear-gradient(135deg,var(--ml-color-surface-brand) 0%,var(--ml-color-surface-brand-strong) 100%);
  box-shadow:var(--ml-shadow-sm)
}
.ml-cta--dark .ml-cta__eyebrow{color:var(--ml-color-accent)}
.ml-cta--dark .ml-cta__title{color:var(--ml-color-text-inverse)}
.ml-cta--dark .ml-cta__text{color:var(--ml-color-text-inverse-muted)}

/* Image */
.ml-cta--image{
  overflow:hidden;border-radius:var(--ml-radius-panel);
  background-color:var(--ml-color-surface-brand-strong);
  background-image:var(--ml-cta-image,none);
  background-position:var(--ml-cta-position,center);
  background-repeat:no-repeat;background-size:cover;isolation:isolate
}
.ml-cta--image .ml-cta__inner{
  min-height:420px;justify-content:center;border:0;border-radius:0;
  background:transparent;box-shadow:none
}
.ml-cta--image .ml-cta__eyebrow{color:var(--ml-color-accent-soft)}
.ml-cta--image .ml-cta__title{color:var(--ml-color-text-inverse)}
.ml-cta--image .ml-cta__text{color:var(--ml-color-text-inverse-muted)}
.ml-cta__overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(18,40,33,.92) 0%,rgba(18,40,33,.76) 45%,rgba(18,40,33,.32) 100%)
}
.ml-cta--overlay-soft .ml-cta__overlay{
  background:linear-gradient(90deg,rgba(18,40,33,.74) 0%,rgba(18,40,33,.54) 50%,rgba(18,40,33,.22) 100%)
}
.ml-cta--overlay-strong .ml-cta__overlay{
  background:linear-gradient(90deg,rgba(18,40,33,.97) 0%,rgba(18,40,33,.88) 48%,rgba(18,40,33,.56) 100%)
}

/* Gradient */
.ml-cta--gradient .ml-cta__inner{
  border-color:transparent;
  background:linear-gradient(135deg,var(--ml-color-surface-soft) 0%,var(--ml-color-surface-tinted) 58%,var(--ml-color-surface) 100%)
}

/* Card */
.ml-cta--card{width:min(720px,100%)}
.ml-cta--card .ml-cta__inner{padding:var(--ml-space-032);border-radius:var(--ml-radius-card)}
.ml-cta--card .ml-cta__title{font-size:var(--ml-text-h3)}

/* Inline */
.ml-cta--inline .ml-cta__inner{
  padding:var(--ml-space-024);
  border-left:var(--ml-border-width-medium) var(--ml-border-style) var(--ml-color-accent);
  border-top:0;border-right:0;border-bottom:0;border-radius:0;
  background:transparent;box-shadow:none
}
.ml-cta--inline .ml-cta__title{margin-top:0;font-size:var(--ml-text-h4)}
.ml-cta--inline .ml-cta__text{margin-top:var(--ml-space-008)}
.ml-cta--inline .ml-cta__actions{margin-top:var(--ml-space-016)}

/* Minimal */
.ml-cta--minimal .ml-cta__inner{
  padding:0;border:0;border-radius:0;background:transparent;box-shadow:none
}
.ml-cta--minimal .ml-cta__title{margin-top:0;font-size:var(--ml-text-h3)}
.ml-cta--minimal .ml-cta__actions{margin-top:var(--ml-space-016)}

/* Campaign */
.ml-cta--campaign{
  overflow:hidden;border-radius:var(--ml-radius-panel);
  background:linear-gradient(135deg,var(--ml-color-surface-brand) 0%,var(--ml-color-surface-brand-strong) 100%);
  color:var(--ml-color-text-inverse)
}
.ml-cta--campaign .ml-cta__inner{
  min-height:480px;align-items:center;justify-content:center;
  padding:var(--ml-space-080) var(--ml-space-048);
  border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center
}
.ml-cta--campaign .ml-cta__content{align-items:center}
.ml-cta--campaign .ml-cta__eyebrow{color:var(--ml-color-accent)}
.ml-cta--campaign .ml-cta__title{
  max-width:900px;color:var(--ml-color-text-inverse);font-size:var(--ml-text-display-md)
}
.ml-cta--campaign .ml-cta__text{max-width:720px;color:var(--ml-color-text-inverse-muted)}
.ml-cta--campaign .ml-cta__actions{justify-content:center}

.ml-cta--wide .ml-cta__content{width:min(900px,100%)}
.ml-cta--narrow .ml-cta__content{width:min(620px,100%)}

@media(max-width:980px){
  .ml-cta__inner{padding:var(--ml-space-040)}
  .ml-cta--split .ml-cta__inner{grid-template-columns:1fr;gap:var(--ml-space-024)}
  .ml-cta--split .ml-cta__actions{justify-content:flex-start}
  .ml-cta--image .ml-cta__inner{min-height:380px}
}
@media(max-width:680px){
  .ml-cta__inner{padding:var(--ml-space-024)}
  .ml-cta__title{font-size:var(--ml-text-h3)}
  .ml-cta__actions{display:grid;width:100%;grid-template-columns:1fr;gap:var(--ml-space-012)}
  .ml-cta__actions .ml-button{width:100%}
  .ml-cta--image{background-position:var(--ml-cta-position-mobile,60% center)}
  .ml-cta--image .ml-cta__inner{min-height:360px}
  .ml-cta__overlay{
    background:linear-gradient(0deg,rgba(18,40,33,.96) 0%,rgba(18,40,33,.80) 58%,rgba(18,40,33,.38) 100%)
  }
  .ml-cta--campaign .ml-cta__inner{
    min-height:420px;padding:var(--ml-space-064) var(--ml-space-024)
  }
  .ml-cta--campaign .ml-cta__title{font-size:var(--ml-text-h2)}
  .ml-cta--card{width:100%}
  .ml-cta--inline .ml-cta__inner{
    padding:var(--ml-space-004) 0 var(--ml-space-004) var(--ml-space-016)
  }
}