/* DemiDebrah Fashion Designer — custom styles */

/* ── Marquee ─────────────────────────────────────────────── */
.marquee-track {
  display: flex;
  width: max-content;
}

.marquee-content {
  display: inline-block;
  padding-right: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .marquee-track {
    animation: marquee-scroll 28s linear infinite;
  }
}

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── Hero SVG fade-in ────────────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {
  .hero-svg {
    animation: hero-fade 1.2s ease-out both;
  }
}

@keyframes hero-fade {
  from { opacity: 0; transform: scale(1.04); }
  to   { opacity: 1; transform: scale(1); }
}

/* ── Sticky CTA bar clears the accessibility FAB ────────── */
:root {
  --a11y-bottom: 56px; /* height of the sticky CTA bar */
}

/* ── Body padding so footer isn't hidden behind sticky bar ─ */
body {
  padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
}

/* ── Smooth scroll ───────────────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* ── Card hover lift (for future gallery use) ────────────── */
@media (prefers-reduced-motion: no-preference) {
  .card-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .card-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(74, 26, 42, 0.15);
  }
}