/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 21 2026 | 09:36:47 */
/**
 * ==================================================================================
 * 🛑 MANUAL DE OPERAÇÕES: GLOBAL FORMS (VERSÃO 27.0 - PHONE SURGERY)
 * ==================================================================================
 * @description Estilo global para formulários WPForms (Design System).
 * @version 27.0.0
 * @author LEUK
 * @date 2026-01-21
 *
 * ----------------------------------------------------------------------------------
 * 📖 MANUAL DE INSTRUÇÕES
 * ----------------------------------------------------------------------------------
 *
 * 1️⃣ INSTALAÇÃO NO ELEMENTOR:
 * - Selecione o widget WPForms.
 * - Vá ao separador "Avançado" > "Classes CSS".
 * - Escreva: leuk-premium-form
 *
 * 2️⃣ CAMPO DE REFERÊNCIA (Título da Vaga):
 * - No WPForms, crie um campo "Texto de uma linha".
 * - "Avançado" > "Valor Padrão": {page_title}
 * - "Avançado" > "Classes CSS": leuk-readonly-field
 *
 * 3️⃣ TEXTO LEGAL (RGPD):
 * - Use HTML: "Li e aceito a <a href='/politica-privacidade' target='_blank'>Política de Privacidade</a>..."
 *
 * ----------------------------------------------------------------------------------
 */

/* ============================================================
   🎛️ PAINEL DE CONFIGURAÇÃO (Variáveis Globais)
   NOTA: Edite os valores aqui. NÃO use "!important" nesta secção.
   ============================================================ */
:root {
    /* --- 1. TIPOGRAFIA GERAL --- */
    --leuk-font-family: 'Roboto', sans-serif;
    
    /* --- 2. ESPAÇAMENTOS --- */
    --leuk-field-spacing: 20px;      /* Espaço vertical entre linhas */
    
    /* --- 3. INPUTS (Caixas de Texto) --- */
    --leuk-input-bg: #ffffff;
    --leuk-input-border: #cccccc;
    --leuk-input-focus: #000000;
    --leuk-input-text: #000000;
    --leuk-input-size: 15px;
    --leuk-input-height: 12px;       /* Padding vertical interno */
    
    /* --- 4. LABELS (Títulos) --- */
    --leuk-label-size: 14px;
    --leuk-label-weight: 300;        /* 300=Light */
    --leuk-label-transform: uppercase;
    --leuk-label-color: #000000;
    
    /* --- 5. CHECKBOX --- */
    --leuk-check-size: 16px;
    --leuk-check-border: #666666;
    --leuk-legal-size: 14px;
    --leuk-legal-color: #333333;
    
    /* --- 6. TEXTO DE AJUDA --- */
    --leuk-desc-size: 14px;
    --leuk-desc-color: #888888;
    
    /* --- 7. OBRIGATÓRIO (Asterisco) --- */
    --leuk-required-color: #d63638;  /* Vermelho */
    
    /* --- 8. BOTÃO --- */
    --leuk-btn-bg: #ffffff;
    --leuk-btn-text: #000000;
    --leuk-btn-border: 1px solid #000000;
    
    /* --- 9. MOBILE --- */
    --leuk-mob-input-size: 16px;     /* Previne zoom no iPhone */
    --leuk-mob-spacing: 15px;
}

/* ============================================================
   A. TIPOGRAFIA GERAL (HERANÇA)
   ============================================================ */
.leuk-premium-form,
.leuk-premium-form input,
.leuk-premium-form select,
.leuk-premium-form textarea,
.leuk-premium-form button,
.leuk-premium-form label {
    font-family: var(--leuk-font-family) !important;
}

/* ============================================================
   B. ESTRUTURA E ESPAÇAMENTOS
   ============================================================ */
.leuk-premium-form { width: 100% !important; margin: 0 !important; }
.leuk-premium-form .wpforms-container { padding: 0 !important; margin: 0 !important; }

.leuk-premium-form .wpforms-field { 
    padding: 0 !important; 
    margin-bottom: var(--leuk-field-spacing) !important; 
    clear: both; 
}

/* Remove margem duplicada dentro de colunas */
.leuk-premium-form .wpforms-field-layout .wpforms-field {
    margin-bottom: 0 !important; 
}

/* ============================================================
   C. LABELS (ETIQUETAS)
   ============================================================ */
.leuk-premium-form .wpforms-field-label {
    display: block !important;
    font-size: var(--leuk-label-size) !important;
    font-weight: var(--leuk-label-weight) !important;
    text-transform: var(--leuk-label-transform) !important;
    letter-spacing: 1.5px !important;
    color: var(--leuk-label-color) !important;
    margin-bottom: 8px !important;
}
.leuk-premium-form .wpforms-field-sublabel { display: none !important; }

.leuk-premium-form .wpforms-required-label {
    color: var(--leuk-required-color) !important;
    font-weight: 400 !important;
}

/* ============================================================
   D. INPUTS GENÉRICOS
   ============================================================ */
.leuk-premium-form input:not(.leuk-readonly-field input):not([type=checkbox]):not([type=submit]):not([type=tel]),
.leuk-premium-form select,
.leuk-premium-form textarea {
    background-color: var(--leuk-input-bg) !important;
    border: 1px solid var(--leuk-input-border) !important;
    border-radius: 0 !important;
    color: var(--leuk-input-text) !important;
    font-size: var(--leuk-input-size) !important;
    font-weight: 400 !important;
    
    padding: var(--leuk-input-height) 15px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* Foco */
.leuk-premium-form input:focus,
.leuk-premium-form textarea:focus,
.leuk-premium-form select:focus {
    border-color: var(--leuk-input-focus) !important;
    outline: none !important;
}

/* Placeholder */
.leuk-premium-form ::placeholder { 
    color: #aaaaaa !important; opacity: 1; font-weight: 300; 
}

/* ============================================================
   E. CAMPO TELEFONE (CORREÇÃO DE ESPAÇO)
   ============================================================ */
/* 1. Estilo base do input de telefone (igual aos outros) */
.leuk-premium-form input[type=tel] {
    background-color: var(--leuk-input-bg) !important;
    border: 1px solid var(--leuk-input-border) !important;
    border-radius: 0 !important;
    color: var(--leuk-input-text) !important;
    font-size: var(--leuk-input-size) !important;
    font-weight: 400 !important;
    
    padding-top: var(--leuk-input-height) !important;
    padding-bottom: var(--leuk-input-height) !important;
    padding-right: 15px !important;
    
    width: 100% !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* 2. ESPAÇO DA BANDEIRA (AJUSTE FINO) */
/* 50px é suficiente para a bandeira + seta, sem deixar um buraco enorme */
.leuk-premium-form .wpforms-field-phone input[type=tel] { 
    padding-left: 50px !important; 
}

/* 3. Limpeza do contentor de bandeiras */
.leuk-premium-form .iti__flag-container {
    border: none !important;
    background: transparent !important;
}

/* ============================================================
   F. CAMPO "REFERÊNCIA" (FIXO)
   ============================================================ */
.leuk-premium-form .leuk-readonly-field { pointer-events: none !important; }

.leuk-premium-form .leuk-readonly-field input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    color: #000000 !important;
    opacity: 1 !important; 
    -webkit-text-fill-color: #000000 !important;
    width: 100% !important;
}

/* ============================================================
   G. TEXTAREA (MENSAGEM)
   ============================================================ */
.leuk-premium-form textarea {
    min-height: 150px !important;
    resize: vertical;
}

/* ============================================================
   H. CHECKBOX & LINKS (RGPD)
   ============================================================ */
.leuk-premium-form .wpforms-field-checkbox ul,
.leuk-premium-form .wpforms-field-checkbox li {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
}

.leuk-premium-form .wpforms-field-checkbox input[type="checkbox"] {
    position: absolute !important; left: -9999px !important;
}

/* Label: Espaço para a checkbox desenhada */
.leuk-premium-form .wpforms-field-checkbox label {
    position: relative !important;
    padding-left: 28px !important; 
    cursor: pointer !important;
    
    font-size: var(--leuk-legal-size) !important;
    color: var(--leuk-legal-color) !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    
    line-height: 1.5 !important;
    display: inline-block !important;
}

/* Links dentro da Label */
.leuk-premium-form .wpforms-field-checkbox label a {
    font-weight: 700 !important;       
    text-decoration: underline !important; 
    color: inherit !important;         
    position: relative;
    z-index: 10;
}
.leuk-premium-form .wpforms-field-checkbox label a:hover {
    text-decoration: none !important;
    opacity: 0.8;
}

/* Checkbox Falsa (Quadrado) */
.leuk-premium-form .wpforms-field-checkbox label::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: var(--leuk-check-size) !important;
    height: var(--leuk-check-size) !important;
    border: 1px solid var(--leuk-check-border) !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
}

/* Selecionado */
.leuk-premium-form .wpforms-field-checkbox input[type="checkbox"]:checked + label::before {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* Visto */
.leuk-premium-form .wpforms-field-checkbox label::after {
    content: '' !important;
    position: absolute !important;
    display: none !important;
    left: 6px !important;
    top: 5px !important;
    width: 4px !important;
    height: 9px !important;
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}
.leuk-premium-form .wpforms-field-checkbox input[type="checkbox"]:checked + label::after {
    display: block !important;
}

/* ============================================================
   I. UPLOAD & AJUDA
   ============================================================ */
.leuk-premium-form .wpforms-uploader {
    background-color: #ffffff !important;
    border: 1px dashed #cccccc !important;
    padding: 40px 20px !important; text-align: center; margin-top: 5px;
}
.leuk-premium-form .dz-message .modern-title { 
    font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase; 
}

.leuk-premium-form .wpforms-field-description {
    font-size: var(--leuk-desc-size) !important;
    color: var(--leuk-desc-color) !important;
    margin-top: 5px !important;
}

/* ============================================================
   J. BOTÃO DE ENVIO
   ============================================================ */
.leuk-premium-form .wpforms-submit-container {
    text-align: right !important;
    margin-top: 20px !important;
    border-top: 1px solid rgba(0,0,0,0.05); 
    padding-top: 20px !important;
}

.leuk-premium-form button[type="submit"] {
    background-color: var(--leuk-btn-bg) !important;
    color: var(--leuk-btn-text) !important;
    border: 1px solid var(--leuk-btn-border) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important; letter-spacing: 2px !important;
    font-size: 12px !important;
    border-radius: 0 !important;
    padding: 15px 40px !important;
    transition: all 0.3s ease !important; cursor: pointer;
}

.leuk-premium-form button[type="submit"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    transform: translateY(-2px);
}

/* ============================================================
   K. RESPONSIVO
   ============================================================ */
.leuk-premium-form .wpforms-field-row { display: flex !important; flex-wrap: wrap !important; margin: 0 -10px !important; }
.leuk-premium-form .wpforms-one-half { width: 50% !important; padding: 0 10px !important; box-sizing: border-box !important; }
.leuk-premium-form .wpforms-field-large, .leuk-premium-form .wpforms-field-medium { max-width: 100% !important; }

@media (max-width: 767px) {
    /* Ajustes Mobile */
    .leuk-premium-form .wpforms-field-label { font-size: var(--leuk-mob-label-size) !important; }
    .leuk-premium-form input, .leuk-premium-form textarea { font-size: var(--leuk-mob-input-size) !important; }
    
    .leuk-premium-form .wpforms-one-half { width: 100% !important; margin-bottom: 0px !important; }
    .leuk-premium-form .wpforms-submit-container { text-align: center !important; }
    .leuk-premium-form button[type="submit"] { width: 100% !important; }
}