/**
 * WC VAGAS - TIPOGRAFIA BASE PADRONIZADA
 * ============================================
 * NOVA PADRONIZAÇÃO:
 * - CORPO DE TEXTO: 1vw (desktop) / 15px (mobile)
 * - TÍTULOS: 1.6vw (desktop) / 18px (mobile)
 * - LABELS/PERGUNTAS: 1.1vw (desktop) / 16px (mobile)
 * ============================================
 */

/* ============================================
   IMPORTAR ROBOTO GLOBAL
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* ============================================
   RESET E BASE - DESKTOP
   ============================================ */

/* Aplicar Roboto APENAS em elementos do plugin */
[class*="wc-"],
[class*="wc-"] *,
[class*="wc-"]::before,
[class*="wc-"]::after {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ============================================
   CORPO DE TEXTO - 1vw (Desktop)
   ============================================ */
[class*="wc-"] p,
[class*="wc-"] div,
[class*="wc-"] span,
[class*="wc-"] a,
[class*="wc-"] li,
[class*="wc-"] td,
[class*="wc-"] th,
[class*="wc-"] button {
    font-size: 1vw !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Inputs e textareas - CORPO DE TEXTO */
.wc-input,
.wc-textarea,
.wc-form-control,
[class*="wc-"] input[type="text"],
[class*="wc-"] input[type="email"],
[class*="wc-"] input[type="tel"],
[class*="wc-"] input[type="number"],
[class*="wc-"] input[type="password"],
[class*="wc-"] input[type="date"],
[class*="wc-"] textarea {
    font-size: 1vw !important;
}

/* SELECTS - CORPO DE TEXTO */
.wc-select,
select.wc-form-control,
[class*="wc-"] select {
    font-size: 1vw !important;
}

/* Botões - CORPO DE TEXTO */
.wc-button,
.wc-btn,
.wc-btn-primary,
.wc-btn-secondary,
.wc-btn-editar-mini {
    font-size: 1vw !important;
}

/* Conteúdo de cards, alertas, mensagens - CORPO */
.wc-card-content,
.wc-alert,
.wc-message,
.wc-notice,
.wc-form-helper,
.wc-info-value,
.wc-perfil-valor,
.wc-campo-valor {
    font-size: 1vw !important;
}

/* ============================================
   TÍTULOS - 1.6vw (Desktop)
   ============================================ */
.wc-h2,
.wc-section-title,
.wc-form-section-title,
.wc-card-title,
.wc-perfil-nome,
.wc-curriculum-titulo,
[class*="wc-"] h1,
[class*="wc-"] h2,
[class*="wc-"] h3 {
    font-size: 1.6vw !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

/* ============================================
   LABELS/PERGUNTAS - 1.1vw (Desktop)
   ============================================ */
.wc-label,
.wc-form-group label,
.wc-info-label,
.wc-campo-label,
.wc-perfil-label,
[class*="wc-"] label {
    font-size: 1.1vw !important;
    font-family: 'Roboto', sans-serif !important;
}

/* ============================================
   ELEMENTOS ESPECÍFICOS
   ============================================ */

/* Tabelas - CORPO */
.wc-table th,
.wc-table td {
    font-size: 1vw !important;
}

/* Tags e badges - CORPO */
.wc-tag,
.wc-tag-mini,
.wc-badge {
    font-size: 1vw !important;
}

/* Radio e Checkbox labels - LABELS */
.wc-radio-label,
.wc-checkbox-label {
    font-size: 1.1vw !important;
}

/* ============================================
   MOBILE - PIXELS (<768px)
   ============================================ */

@media (max-width: 768px) {
    /* CORPO DE TEXTO - 15px */
    [class*="wc-"] p,
    [class*="wc-"] div,
    [class*="wc-"] span,
    [class*="wc-"] a,
    [class*="wc-"] li,
    [class*="wc-"] td,
    [class*="wc-"] th,
    [class*="wc-"] button {
        font-size: 15px !important;
    }
    
    /* Inputs e textareas - CORPO 15px */
    .wc-input,
    .wc-textarea,
    .wc-form-control,
    [class*="wc-"] input[type="text"],
    [class*="wc-"] input[type="email"],
    [class*="wc-"] input[type="tel"],
    [class*="wc-"] input[type="number"],
    [class*="wc-"] input[type="password"],
    [class*="wc-"] input[type="date"],
    [class*="wc-"] textarea {
        font-size: 15px !important;
    }
    
    /* SELECTS - CORPO 15px */
    .wc-select,
    select.wc-form-control,
    [class*="wc-"] select {
        font-size: 15px !important;
    }
    
    /* Opções do select */
    select.wc-form-control option,
    [class*="wc-"] select option {
        font-size: 15px !important;
    }
    
    /* Botões - CORPO 15px */
    .wc-button,
    .wc-btn,
    .wc-btn-primary,
    .wc-btn-secondary,
    .wc-btn-editar-mini {
        font-size: 15px !important;
    }
    
    /* Conteúdo, alertas, mensagens - CORPO 15px */
    .wc-card-content,
    .wc-alert,
    .wc-message,
    .wc-notice,
    .wc-form-helper,
    .wc-info-value,
    .wc-perfil-valor,
    .wc-campo-valor {
        font-size: 15px !important;
    }
    
    /* TÍTULOS - 18px */
    .wc-h2,
    .wc-section-title,
    .wc-form-section-title,
    .wc-card-title,
    .wc-perfil-nome,
    .wc-curriculum-titulo,
    [class*="wc-"] h1,
    [class*="wc-"] h2,
    [class*="wc-"] h3 {
        font-size: 18px !important;
    }
    
    /* LABELS/PERGUNTAS - 16px */
    .wc-label,
    .wc-form-group label,
    .wc-info-label,
    .wc-campo-label,
    .wc-perfil-label,
    [class*="wc-"] label {
        font-size: 16px !important;
    }
    
    /* Tabelas - CORPO 15px */
    .wc-table th,
    .wc-table td {
        font-size: 15px !important;
    }
    
    /* Tags - CORPO 15px */
    .wc-tag,
    .wc-tag-mini,
    .wc-badge {
        font-size: 15px !important;
    }
    
    /* Radio e Checkbox - LABELS 16px */
    .wc-radio-label,
    .wc-checkbox-label {
        font-size: 16px !important;
    }
}

/* ============================================
   TABLET - (768px - 1024px)
   ============================================ */

@media (min-width: 769px) and (max-width: 1024px) {
    /* Manter estrutura vw mas ajustar se necessário */
    /* Por padrão, usa as regras desktop */
}

/* ============================================
   WIDE SCREEN - Limitar máximo (>1920px)
   ============================================ */

@media (min-width: 1920px) {
    /* CORPO DE TEXTO - máximo 19px */
    [class*="wc-"] p,
    [class*="wc-"] div,
    [class*="wc-"] span,
    [class*="wc-"] a,
    [class*="wc-"] li,
    [class*="wc-"] td,
    [class*="wc-"] th,
    [class*="wc-"] button {
        font-size: 19px !important;
    }
    
    /* Inputs e textareas - máximo 19px */
    .wc-input,
    .wc-textarea,
    .wc-form-control,
    [class*="wc-"] input[type="text"],
    [class*="wc-"] input[type="email"],
    [class*="wc-"] input[type="tel"],
    [class*="wc-"] input[type="number"],
    [class*="wc-"] input[type="password"],
    [class*="wc-"] input[type="date"],
    [class*="wc-"] textarea {
        font-size: 19px !important;
    }
    
    /* SELECTS - máximo 18px */
    .wc-select,
    select.wc-form-control,
    [class*="wc-"] select {
        font-size: 18px !important;
    }
    
    /* Opções do select */
    select.wc-form-control option,
    [class*="wc-"] select option {
        font-size: 17px !important;
    }
    
    /* Botões - máximo 19px */
    .wc-button,
    .wc-btn,
    .wc-btn-primary,
    .wc-btn-secondary,
    .wc-btn-editar-mini {
        font-size: 19px !important;
    }
    
    /* TÍTULOS - máximo 30px */
    .wc-h2,
    .wc-section-title,
    .wc-form-section-title,
    .wc-card-title,
    .wc-perfil-nome,
    .wc-curriculum-titulo,
    [class*="wc-"] h1,
    [class*="wc-"] h2,
    [class*="wc-"] h3 {
        font-size: 30px !important;
    }
    
    /* LABELS/PERGUNTAS - máximo 21px */
    .wc-label,
    .wc-form-group label,
    .wc-info-label,
    .wc-campo-label,
    .wc-perfil-label,
    [class*="wc-"] label {
        font-size: 21px !important;
    }
}

/* ============================================
   OVERRIDES ESPECÍFICOS (se necessário)
   ============================================ */

/* Manter consistência em componentes específicos */
.wc-perfil-resumo-v2 .wc-perfil-nome {
    font-size: 1.6vw !important; /* TÍTULO */
}

.wc-perfil-resumo-v2 .wc-campo-label {
    font-size: 1.1vw !important; /* LABEL */
}

.wc-perfil-resumo-v2 .wc-campo-valor {
    font-size: 1vw !important; /* CORPO */
}

.wc-curriculum-resumo-v2 .wc-curriculum-titulo {
    font-size: 1.6vw !important; /* TÍTULO */
}

.wc-curriculum-resumo-v2 .wc-info-label {
    font-size: 1.1vw !important; /* LABEL */
}

.wc-curriculum-resumo-v2 .wc-info-content {
    font-size: 1vw !important; /* CORPO */
}

/* Mobile overrides específicos */
@media (max-width: 768px) {
    .wc-perfil-resumo-v2 .wc-perfil-nome {
        font-size: 18px !important; /* TÍTULO */
    }
    
    .wc-perfil-resumo-v2 .wc-campo-label {
        font-size: 16px !important; /* LABEL */
    }
    
    .wc-perfil-resumo-v2 .wc-campo-valor {
        font-size: 15px !important; /* CORPO */
    }
    
    .wc-curriculum-resumo-v2 .wc-curriculum-titulo {
        font-size: 18px !important; /* TÍTULO */
    }
    
    .wc-curriculum-resumo-v2 .wc-info-label {
        font-size: 16px !important; /* LABEL */
    }
    
    .wc-curriculum-resumo-v2 .wc-info-content {
        font-size: 15px !important; /* CORPO */
    }
}