/*
 * Materials — La Barra QR menu.
 *
 * The wood/concrete/metal noise-texture overlays (feTurbulence data-URIs
 * composited via screen/soft-light blend modes) have been rolled back —
 * they didn't read well in practice. Surfaces are plain flat color
 * (--surface-1/--surface-2) again. Only the light-line motif — the site's
 * one actual signature ("the light source in the room") — stays.
 */

/* ── Brick/grid — hero + events section, slow "breathing" pulse ─────────── */
.bg-grid {
    background-image:
        linear-gradient(var(--line-subtle) 1px, transparent 1px),
        linear-gradient(90deg, var(--line-subtle) 1px, transparent 1px);
    background-size: 40px 40px, 40px 40px;
    animation: bg-grid-breathe 18s ease-in-out infinite alternate;
}

@keyframes bg-grid-breathe {
    from { opacity: var(--bg-grid-opacity); }
    to { opacity: calc(var(--bg-grid-opacity) * 1.8); }
}

@media (prefers-reduced-motion: reduce) {
    .bg-grid { animation: none; }
}

/* ── Light line — the one motif unique to this brand: the actual light
   source in the room. Major section boundaries + slider progress bar. */
.light-line {
    position: relative;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--fg-primary), transparent);
    opacity: .55;
    box-shadow: var(--shadow-glow);
}

/* Footer top gets the same light-line treatment instead of a plain
   hairline — overrides layout.css's default border on menu pages only. */
.site-footer {
    border-top: none;
    position: relative;
}

.site-footer::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--fg-primary), transparent);
    opacity: .55;
    box-shadow: var(--shadow-glow);
}