/* Copyright 2026 Renofy Ltd. All rights reserved. */

/* ===== Closing CTA section =====
   Full-bleed CTA with optional background photo. Used on home and about pages. */
.lp-closing {
  position: relative;
  overflow: hidden;
  padding: 4rem 1.5rem;
  text-align: center;
  color: var(--color-white);
}

.lp-closing__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.lp-closing__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 0;
}

.lp-closing__title {
  position: relative;
  z-index: var(--z-index-base);
  font-family: var(--font-display);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0 0 1.5rem;
}

.lp-closing__cta-wrap {
  position: relative;
  z-index: var(--z-index-base);
}

@media (min-width: 821px) {
  .lp-closing {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

/* ===== CTA buttons ===== */

/* CTA button pair (unauthenticated) */
.cta-buttons {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}

/* CTA buttons — full-width on mobile, wider on desktop */
.lp-closing .button,
.hiw-mid-cta .button {
  flex: 1;
  width: 100%;
}

@media (min-width: 821px) {
  .lp-closing .button,
  .hiw-mid-cta .button {
    flex: none;
    width: auto;
    min-width: 280px;
  }
}

/* Dark-background pink button */
.lp-hero .button--pink,
.hiw-mid-cta .button--pink,
.lp-closing .button--pink {
  font-family: var(--font-display);
}

/* Secondary button on dark backgrounds */
.lp-hero .button--primary,
.hiw-mid-cta .button--primary,
.lp-closing .button--primary {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  color: var(--color-white);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

@media (hover: hover) {
  .lp-hero .button--primary:hover,
  .hiw-mid-cta .button--primary:hover,
  .lp-closing .button--primary:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}