/* Restaurant Background Pattern */
.restaurant-bg-pattern {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        /* Main white background */
        #ffffff,
        /* Subtle purple pattern */
        radial-gradient(circle at 25% 25%, rgba(130, 39, 123, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(142, 68, 173, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(155, 89, 182, 0.02) 0%, transparent 50%);
    background-size: 100% 100%, 200px 200px, 300px 300px, 400px 400px;
    background-position: 0 0, 0 0, 50px 50px, 100px 100px;
    animation: backgroundMove 20s ease-in-out infinite;
    z-index: -1;
}

@keyframes backgroundMove {
    0%, 100% { background-position: 0 0, 0 0, 50px 50px, 100px 100px; }
    50% { background-position: 0 0, 10px 10px, 60px 40px, 90px 110px; }
}

/* Restaurant themed cursor */
.restaurant-cursor {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%2382277b"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>'), auto;
}

/* Add to body */
body.restaurant-theme {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="%2382277b"><circle cx="12" cy="12" r="10"/></svg>'), auto;
}