/* ============================================
   DESKTOP MENU ALIGNMENT FIXES
   Correções de alinhamento para versão desktop
   ============================================ */

/* Forçar altura uniforme e alinhamento em tablet e desktop */
@media (min-width: 768px) {
    
    /* Grid com altura uniforme */
    .menu-grid {
        display: grid;
        align-items: stretch; /* Cards com mesma altura */
        grid-auto-rows: 1fr; /* Força altura uniforme nas linhas */
    }
    
    /* Cards com flexbox para distribuir conteúdo */
    .menu-item {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 280px; /* Altura mínima para uniformidade */
    }
    
    /* Header fixo no topo */
    .menu-item-header {
        flex-shrink: 0 !important;
        margin-bottom: var(--spacing-sm) !important;
    }
    
    /* Descrição ocupa espaço disponível */
    .menu-item p {
        flex-grow: 1 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
    }
    
    /* Card featured com altura proporcional */
    .menu-item.featured {
        min-height: 280px;
    }
    
    /* Badge sempre centralizado */
    .menu-badge {
        position: absolute !important;
        top: -15px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

/* Desktop 1024px+ - 3 colunas */
@media (min-width: 1024px) {
    .menu-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: var(--spacing-xl) !important; /* Aumenta espaço entre cards */
    }
    
    .menu-item {
        min-height: 300px; /* Altura maior em desktop */
    }
    
    .menu-item.featured {
        min-height: 300px;
    }
}

/* Desktop 1280px+ - Mais espaço */
@media (min-width: 1280px) {
    .menu-item {
        min-height: 320px;
    }
    
    .menu-item.featured {
        min-height: 320px;
    }
}