/* ====== GLOBAL RESETS ====== */
body {
    @apply bg-gray-50 text-gray-800;
}

/* ====== HERO SECTION ====== */
.hero-wrapper {
    @apply max-w-4xl mx-auto px-4 mt-10 mb-8 text-center;
}

.hero-title {
    @apply text-4xl md:text-5xl font-bold mb-4;
}

.hero-intro {
    @apply text-lg text-gray-600 leading-relaxed;
}

.hero-image {
    @apply w-full max-h-80 object-cover rounded-xl shadow mb-6;
}

/* ====== CATEGORY HEADER ====== */
.menu-category-title {
    @apply text-2xl font-semibold mt-12 mb-4 border-b pb-2;
}

/* ====== GRID LAYOUT ====== */
.menu-grid {
    @apply grid grid-cols-1 md:grid-cols-2 gap-6;
}

/* ====== MENU CARD COMPONENT ====== */
.menu-card {
    @apply flex gap-4 p-4 rounded-[10px] shadow-sm border bg-white min-h-[140px];
}

.menu-img {
    @apply w-24 h-24 object-cover rounded shrink-0;
}

.menu-content {
    @apply flex-1;
}

.menu-title-price {
    @apply flex justify-between items-start;
}

.menu-title {
    @apply font-semibold text-lg;
}

.menu-price {
    @apply font-semibold text-gray-700 text-right;
}

.menu-desc {
    @apply text-gray-600 text-sm mt-1 leading-relaxed;
}

/* ICON LABELS */
.menu-icon {
    @apply text-xs font-bold px-2 py-0.5 rounded-md;
}

.menu-icon-vegan {
    @apply bg-green-100 text-green-700;
}

.menu-icon-spicy {
    @apply bg-red-100 text-red-700;
}

.menu-icon-favorite {
    @apply bg-yellow-100 text-yellow-700;
}

/* ===== CONTENT BELOW MENU ===== */
.content-below {
    @apply max-w-3xl mx-auto mt-12 leading-relaxed text-gray-700 text-lg px-4;
}