/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 21 2026 | 13:39:56 */
/**
 * ==================================================================================
 * 🛑 MANUAL DE OPERAÇÕES: JOB LIST CARDS (VERSÃO 7.0 - ULTRA FLAT)
 * ==================================================================================
 * @description Design System para a Lista de Vagas.
 * @version 7.0.0
 * @author LEUK
 * @date 2026-01-21
 *
 * 📝 NOTA DA VERSÃO:
 * - Solução radical para estabilidade total.
 * - Sombra removida. Movimento removido.
 * - A única alteração no hover é a COR DA BORDA.
 *
 * 1️⃣ INSTRUÇÕES DE ESTRUTURA (ELEMENTOR):
 * - Contentor Pai ("Lista"): .. Direção Vertical | Gap 20px
 * - Contentor Filho ("Card"): . Direção Horizontal | Align: Center
 * - Classe CSS no Filho: ...... leuk-job-card
 * ==================================================================================
 */

/* ============================================================
   🎛️ PAINEL DE CONFIGURAÇÃO (Variáveis)
   ============================================================ */
:root {
    /* --- 1. O CARTÃO (Estado Normal) --- */
    --leuk-card-bg: #ffffff;
    --leuk-card-border-color: #cccccc; /* Cinza claro */
    --leuk-card-padding: 30px 40px;
    
    /* --- 2. HOVER (Estado ao passar o rato) --- */
    --leuk-hover-border-color: #000000; /* Preto (Escurece a borda) */
    
    /* --- 3. BOTÃO (Estilo "Candidatar") --- */
    --leuk-btn-card-bg: #ffffff;
    --leuk-btn-card-text: #000000;
    --leuk-btn-card-border: 1px solid #000000;
    --leuk-btn-card-radius: 0px;
    
    /* --- 4. MOBILE --- */
    --leuk-mob-padding: 25px;
}

/* ============================================================
   A. ESTRUTURA DO CARTÃO (ESTÁTICA)
   ============================================================ */
.leuk-job-card {
    background-color: var(--leuk-card-bg);
    /* Define a borda fixa de 1px */
    border: 1px solid var(--leuk-card-border-color);
    padding: var(--leuk-card-padding);
    
    /* Sem sombra */
    box-shadow: none !important;
    
    /* Força layout horizontal */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    
    position: relative;
    
    /* Apenas anima a cor da borda. Zero risco de movimento. */
    transition: border-color 0.3s ease;
    
    gap: 30px; 
    
    /* Garante que não há transformações residuais */
    transform: none !important; 
    margin-bottom: 20px !important; /* Garante espaço fixo em baixo */
}

/* Efeito Hover (APENAS COR) */
.leuk-job-card:hover {
    /* Muda apenas a cor, mantendo 1px de espessura */
    border-color: var(--leuk-hover-border-color) !important;
    
    /* Garante que nada mexe */
    transform: none !important;
    box-shadow: none !important;
    margin-bottom: 20px !important;
}

/* ============================================================
   B. ÁREA DE TEXTO (EMPURA O BOTÃO)
   ============================================================ */
.leuk-job-card > .e-con,
.leuk-job-card > .elementor-widget-wrap,
.leuk-job-card > .elementor-container {
    flex-grow: 1 !important; /* Ocupa o espaço todo */
    width: auto !important;
    text-align: left !important;
}

/* Garante que os títulos não têm margens estranhas */
.leuk-job-card h2, .leuk-job-card h3, .leuk-job-card h4, 
.leuk-job-card .elementor-heading-title {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.leuk-job-card p, .leuk-job-card .elementor-widget-text-editor {
    margin-bottom: 0 !important;
}

/* ============================================================
   C. BOTÃO DE AÇÃO (Lado Direito)
   ============================================================ */
.leuk-job-card .elementor-widget-button {
    flex-shrink: 0 !important; 
    width: auto !important;
}

.leuk-job-card .elementor-button {
    background-color: var(--leuk-btn-card-bg) !important;
    color: var(--leuk-btn-card-text) !important;
    border: var(--leuk-btn-card-border) !important;
    border-radius: var(--leuk-btn-card-radius) !important;
    
    font-family: 'Roboto', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    padding: 12px 30px !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
}

.leuk-job-card .elementor-button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ============================================================
   D. RESPONSIVO (MOBILE)
   ============================================================ */
@media (max-width: 767px) {
    .leuk-job-card {
        flex-direction: column !important; 
        align-items: flex-start !important;
        padding: var(--leuk-mob-padding) !important;
        gap: 20px !important;
    }
    
    .leuk-job-card > div, 
    .leuk-job-card .e-con {
        width: 100% !important;
    }
    
    .leuk-job-card .elementor-button {
        width: 100% !important;
        text-align: center !important;
    }
}