/* AfriNative CTA — native Elementor split (copy | image), no overlap hacks */

.an-cta-band,
.elementor-top-section:has(.an-cta-image) {
  --an-cta-ease: cubic-bezier(0.22, 1, 0.36, 1);
  background: #f7f9fc !important;
}

.an-cta-band .an-cta-shell,
.elementor-top-section:has(.an-cta-image) .elementor-inner-section {
  border-radius: 12px;
  overflow: hidden !important;
  box-shadow: 0 12px 28px rgba(15, 27, 45, 0.1);
  background: #1e2a3b;
}

.an-cta-band .an-cta-shell > .elementor-container,
.elementor-top-section:has(.an-cta-image) .elementor-inner-section > .elementor-container {
  align-items: stretch !important;
  min-height: 220px;
}

.an-cta-band .an-cta-copy {
  position: relative;
  z-index: 2;
  background: #1e2a3b !important;
}

.an-cta-band .an-cta-copy .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 220px;
}

.an-cta-band .an-cta-accent {
  color: #fe4a49 !important;
  font-style: normal;
}

/* Get Free Quote — same center-bloom hover as header CTA */
.an-cta-band .elementor-button {
  --an-btn-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background: #fff !important;
  background-image: none !important;
  color: #1e2a3b !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 18px -10px rgba(0, 0, 0, 0.35);
  transform: translateY(0);
  transition:
    transform 0.45s var(--an-btn-ease),
    box-shadow 0.45s var(--an-btn-ease) !important;
}

.an-cta-band .elementor-button::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #fe4a49;
  border-radius: inherit;
  transform: scale(0.55);
  opacity: 0;
  transition:
    transform 0.5s var(--an-btn-ease),
    opacity 0.35s ease;
  pointer-events: none;
}

.an-cta-band .elementor-button::after {
  content: none !important;
  display: none !important;
}

.an-cta-band .elementor-button:hover,
.an-cta-band .elementor-button:focus {
  background: #fff !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 28px -10px rgba(254, 74, 73, 0.42);
}

.an-cta-band .elementor-button:hover::before,
.an-cta-band .elementor-button:focus::before {
  transform: scale(1);
  opacity: 1;
}

.an-cta-band .elementor-button .elementor-button-content-wrapper,
.an-cta-band .elementor-button .elementor-button-text {
  position: relative;
  z-index: 1;
  color: inherit !important;
}

/* Image column — fill edge to edge, no navy strip */
.an-cta-band .an-cta-media {
  position: relative !important;
  z-index: 1;
  min-width: 0;
  overflow: hidden !important;
  background-color: #142033;
  background-size: cover !important;
  background-position: 28% 50% !important;
  background-repeat: no-repeat !important;
  align-self: stretch !important;
  min-height: 220px;
}

.an-cta-band .an-cta-media > .elementor-widget-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 220px;
  margin: 0 !important;
  padding: 0 !important;
}

.an-cta-band .an-cta-media .elementor-widget-image,
.an-cta-band .an-cta-media .elementor-widget-container,
.an-cta-band .an-cta-media .elementor-image,
.an-cta-band .an-cta-image,
.an-cta-band .an-cta-image .elementor-widget-container,
.an-cta-band .an-cta-image .elementor-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.an-cta-band .an-cta-media img,
.an-cta-band .an-cta-image img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 220px;
  object-fit: cover !important;
  object-position: 28% 50% !important;
}

@media (max-width: 899px) {
  .an-cta-band .an-cta-shell > .elementor-container {
    flex-direction: column-reverse !important;
    min-height: 0;
  }

  .an-cta-band .an-cta-copy,
  .an-cta-band .an-cta-media {
    width: 100% !important;
  }

  .an-cta-band .an-cta-copy .elementor-widget-wrap {
    min-height: 0;
  }

  .an-cta-band .an-cta-media {
    min-height: 140px;
    max-height: 160px;
  }

  .an-cta-band .an-cta-media > .elementor-widget-wrap {
    position: relative !important;
    min-height: 140px;
    max-height: 160px;
  }

  .an-cta-band .an-cta-media img,
  .an-cta-band .an-cta-image img {
    position: relative !important;
    min-height: 140px;
    max-height: 160px;
  }
}