/* css/style.css — Minimal custom styles (Tailwind handles the rest) */

/* Background image with overlay */
.hero-bg {
    background: url('../images/cherry-bg.jpg') center/cover no-repeat fixed;
    background-image: image-set(
        url('../images/cherry-bg.webp') type('image/webp'),
        url('../images/cherry-bg.jpg') type('image/jpeg')
    );
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    transition: background 0.3s;
}

.dark .hero-bg::after {
    background: rgba(0, 0, 0, 0.6);
}

/* Respect newlines in quote text */
blockquote p {
    white-space: pre-line;
}

/* Alpine.js cloak */
[x-cloak] {
    display: none !important;
}

/* Print styles */
@media print {
    .hero-bg { display: none; }
    body { background: white; color: black; }
    header, footer, button, form { display: none; }
    blockquote { font-size: 24pt; color: black; }
}