/* ===================================
   BEAUTIFUL IMAGE PLACEHOLDERS
   Remove this file when using real images
   =================================== */

/* Hero Background */
.hero {
    background-image:
        linear-gradient(135deg, rgba(196, 30, 58, 0.9) 0%, rgba(26, 26, 26, 0.95) 100%),
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%23c41e3a" width="1200" height="600"/><circle fill="%23d4af37" opacity="0.1" cx="900" cy="300" r="200"/><circle fill="%23d4af37" opacity="0.1" cx="300" cy="100" r="150"/></svg>');
}

/* Menu Item Placeholders - DISABLED (using real images now) */
/* .menu-item-image {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
    position: relative;
    overflow: hidden;
}

.menu-item-image::before {
    content: '🍜';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5rem;
    opacity: 0.3;
} */

/* Specific menu item gradients */
[data-item-id*="ramen"] .menu-item-image,
.menu-item[data-category="ramen"] .menu-item-image {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

[data-item-id*="ramen"] .menu-item-image::before,
.menu-item[data-category="ramen"] .menu-item-image::before {
    content: '🍜';
}

[data-item-id*="sushi"] .menu-item-image,
.menu-item[data-category="sushi"] .menu-item-image {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

[data-item-id*="sushi"] .menu-item-image::before,
.menu-item[data-category="sushi"] .menu-item-image::before {
    content: '🍣';
}

[data-item-id*="bowl"] .menu-item-image,
.menu-item[data-category="bowls"] .menu-item-image {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

[data-item-id*="bowl"] .menu-item-image::before,
.menu-item[data-category="bowls"] .menu-item-image::before {
    content: '🍱';
}

[data-item-id*="appetizer"] .menu-item-image,
.menu-item[data-category="appetizers"] .menu-item-image {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}

[data-item-id*="appetizer"] .menu-item-image::before,
.menu-item[data-category="appetizers"] .menu-item-image::before {
    content: '🥟';
}

[data-item-id*="dessert"] .menu-item-image,
.menu-item[data-category="desserts"] .menu-item-image {
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
}

[data-item-id*="dessert"] .menu-item-image::before,
.menu-item[data-category="desserts"] .menu-item-image::before {
    content: '🍡';
}

[data-item-id*="drink"] .menu-item-image,
.menu-item[data-category="drinks"] .menu-item-image {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

[data-item-id*="drink"] .menu-item-image::before,
.menu-item[data-category="drinks"] .menu-item-image::before {
    content: '🍶';
}

/* About Image Placeholder - DISABLED (using real images now) */
/* .about-image img {
    display: none;
}

.about-image {
    background: linear-gradient(135deg, #c41e3a 0%, #d4af37 100%);
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 6rem;
    position: relative;
    overflow: hidden;
}

.about-image::before {
    content: '🏮';
    opacity: 0.3;
} */

/* Page Hero Backgrounds */
.page-hero {
    background-image:
        linear-gradient(135deg, rgba(196, 30, 58, 0.85) 0%, rgba(26, 26, 26, 0.9) 100%),
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><rect fill="%231a1a1a" width="1200" height="400"/><path fill="%23c41e3a" opacity="0.3" d="M0,200 Q300,100 600,200 T1200,200 L1200,400 L0,400 Z"/></svg>');
}

/* Cart Item Images */
.cart-item-image {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    position: relative;
}

.cart-item-image::before {
    content: '🍜';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    opacity: 0.5;
}

/* Checkout Item specific styling */
.checkout-item:nth-child(odd) .cart-item-image {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.checkout-item:nth-child(even) .cart-item-image {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .menu-item-image::before,
    .about-image::before {
        font-size: 3rem;
    }
}