/* ==========================================================================
   MRVLL RES CTA
   File: /components/css/mrvll-res-cta.css
   ========================================================================== */

.mrvll-res.mrvll-res-cta {
  background-image: url("../../img/cta-bg-2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}

/* After container: stack wrapper */
.mrvll-res .mrvll-res-cta__stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

/* Main wrapper/panel */
.mrvll-res .mrvll-res-cta__panel {
  display: flex;
  padding: 32px;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  background: linear-gradient(96deg, rgba(5, 5, 5, 0.3) 4.5%, rgba(0, 0, 0, 0.27) 99.36%);
  -webkit-backdrop-filter: blur(47.70000076293945px);
  backdrop-filter: blur(47.70000076293945px);
}

/* Entry = whole clickable card */
.mrvll-res .mrvll-res-cta__entry {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}

.mrvll-res .mrvll-res-cta__entry:hover,
.mrvll-res .mrvll-res-cta__entry:focus {
  text-decoration: none;
  color: inherit;
}

/* Title + description wrapper */
.mrvll-res .mrvll-res-cta__titlecopy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

/* AEM-ready title/text wrappers */
.mrvll-res .mrvll-res-cta__title-wrap,
.mrvll-res .mrvll-res-cta__desc-wrap {
  width: 100%;
}

.mrvll-res .mrvll-res-cta__title-wrap h4,
.mrvll-res .mrvll-res-cta__desc-wrap p {
  margin: 0;
}

/* CTA button wrapper */
.mrvll-res .mrvll-res-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
}

.mrvll-res .mrvll-res-cta__btn .button,
.mrvll-res .mrvll-res-cta__btn .cmp-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

/* Force CTA visual behavior to text-link style */
.mrvll-res.mrvll-res-cta .mrvll-res-button--ghost-white,
.mrvll-res.mrvll-res-cta .mrvll-res-button--ghost-white .cmp-button {
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
}

/* Button text */
.mrvll-res .mrvll-res-cta__btn .cmp-button__text {
  font-family: "Setimo", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.56px;
  text-transform: uppercase;
  color: #fff;
}

/* AEM icon support */
.mrvll-res .mrvll-res-cta__btn .cmp-button__icon {
  display: inline-block;
  width: 10px;
  height: 12px;
  flex: 0 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12' viewBox='0 0 10 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.72718 10.2L0 12V0L2.72718 1.8V10.2ZM9.09082 6L4.54537 9V3L9.09082 6Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 10px 12px;
  background-position: center;
  transition: transform 0.3s ease;
}

/* Hover motion on icon when hovering whole card */
.mrvll-res .mrvll-res-cta__entry:hover .cmp-button__icon,
.mrvll-res .mrvll-res-cta__entry:focus .cmp-button__icon {
  transform: translateX(6px);
}

/* Desktop (>=992): 3 equal columns, gap 80, no dividers */
@media (min-width: 992px) {
  .mrvll-res .mrvll-res-cta__panel {
    padding: 64px 80px;
    align-items: center;
    gap: 80px;
  }

  .mrvll-res .mrvll-res-cta__m-divider {
    display: none;
  }
}

/* Mobile: stacked entries + divider shown */
@media (max-width: 991.98px) {
  .mrvll-res .mrvll-res-cta__panel {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
  }

  .mrvll-res .mrvll-res-cta__m-divider {
    display: block;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    align-self: stretch;
  }
}

/* ==========================================================================
   END MRVLL RES CTA
   ========================================================================== */