/*
 * Section type: CTA Şeridi (cta-banner).
 * A slim, full-width conversion band — headline + short text + one button.
 * Three visual weights: gradient (bold), soft (quiet), outline (light).
 */

.sembo-cta-banner {
  padding: calc(var(--sembo-section-padding, 96px) * 0.5) 0;
}

.sembo-cta-banner__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.sembo-cta-banner__copy {
  max-width: 640px;
}

.sembo-cta-banner__title {
  margin: 0 0 6px;
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: var(--sembo-heading-weight);
  letter-spacing: -0.6px;
  line-height: 1.2;
}

.sembo-cta-banner__text {
  margin: 0;
  font-size: var(--sembo-font-size-base);
  line-height: 1.6;
}

.sembo-cta-banner__button {
  flex-shrink: 0;
}

/* --- Style: gradient (matches .sembo-contact's full-bleed look) --- */

.sembo-cta-banner--gradient {
  color: #fff;
  background: var(--sembo-gradient);
}

.sembo-cta-banner--gradient .sembo-cta-banner__text {
  color: rgba(255, 255, 255, 0.85);
}

.sembo-cta-banner--gradient .sembo-cta-banner__button {
  background: #fff;
  color: var(--sembo-text-teal);
  box-shadow: 0 12px 28px var(--sembo-pd-26);
}

/* --- Style: soft (quiet, tinted background) --- */

.sembo-cta-banner--soft {
  background: var(--sembo-soft);
  color: var(--sembo-ink);
}

.sembo-cta-banner--soft .sembo-cta-banner__text {
  color: var(--sembo-copy);
}

/* --- Style: outline (light, bordered) --- */

.sembo-cta-banner--outline {
  background: var(--sembo-surface);
  color: var(--sembo-ink);
  border-top: 1px solid var(--sembo-line);
  border-bottom: 1px solid var(--sembo-line);
}

.sembo-cta-banner--outline .sembo-cta-banner__text {
  color: var(--sembo-copy);
}

@media (max-width: 680px) {
  .sembo-cta-banner__container {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .sembo-cta-banner__button {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}