/* ============================================================
   RLM - Visual Refinement Layer
   Subtle polish loaded AFTER styles.css.
   "Confident Warmth" - every rule here creates a feeling,
   not an effect. If you notice it, it's too much.
   ============================================================ */


/* ----- 1. Section Separation Lines ----- */
/* Thin gradient dividers between sections sharing the same background */

/* for-you and whats-included are both .section--dark */
.whats-included {
  position: relative;
}

.whats-included::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 50%,
    transparent 100%
  );
}

.faq {
  position: relative;
}

.faq::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.06) 50%,
    transparent 100%
  );
}

/* faq and final-cta are both dark-background sections */
.final-cta {
  position: relative;
}

.final-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.06) 50%,
    transparent 100%
  );
}


/* ----- 2. Photo & Card Notes ----- */
/* Photos and cards are non-interactive. No hover states to avoid misleading users. */


/* ----- 4. Text Treatments ----- */

.footer__copyright {
  font-family: var(--font-body);
  font-size: 12px;
}

.footer__social {
  font-family: var(--font-body);
  font-size: 14px;
}


/* ----- 6. Footer Refinement ----- */
/* Subtle top separator and hover underline on Instagram link */

.site-footer {
  position: relative;
}

.site-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.06) 50%,
    transparent 100%
  );
}

.footer__social:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* ----- Reduced Motion ----- */
/* Photo and card transitions removed (non-interactive). No overrides needed. */