/*
 * Restaurant Tracker — style overrides
 * Main design system is loaded from ../style.css
 */

/* Nav back-link */
.nav-logo {
    font-size: 15px;
    opacity: 0.75;
    letter-spacing: 0;
}

/* ── Screenshot images (already have device chrome baked in) ── */

/* Hero image */
.rt-hero-img {
    width: 270px;
    filter: drop-shadow(0 32px 64px rgba(61, 26, 94, 0.22));
    animation: float 6.5s ease-in-out infinite;
}

/* Feature card images */
.rt-img {
    width: 210px;
    filter: drop-shadow(0 16px 40px rgba(61, 26, 94, 0.18));
    display: block;
    margin: 0 auto;
}

/* Tilt helpers */
.rt-tilt-l {
    transform: rotate(-4deg);
    animation: float-tilt-l 7s ease-in-out infinite;
}
.rt-tilt-r {
    transform: rotate(4deg);
    animation: float-tilt-r 6.5s ease-in-out infinite 0.4s;
}

/* Stats phones side by side */
.stats-phones .rt-img {
    width: 230px;
    flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
    .rt-hero-img, .rt-tilt-l, .rt-tilt-r { animation: none; }
}

/* Mobile: stack stats section, show only one screenshot */
@media (max-width: 768px) {
    .stats-phones {
        justify-content: center;
    }
    .stats-phones .rt-img:last-child {
        display: none;
    }
    .stats-phones .rt-img {
        width: 260px;
    }
}

@media (max-width: 480px) {
    .rt-hero-img { width: 220px; }
    .rt-img      { width: 170px; }
    .stats-phones .rt-img { width: 220px; }
}