/**

 * Estilos do Front-end para Pop-ups do YTI&W CRM

 *

 * @package YTIW_CRM

 * @version 4.9.5 // Fix Layout & Reset Wrapper

 */



/* Overlay Fixo (Fundo Escuro) */

.ytiw-crm-popup-overlay {

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    width: 100% !important;

    height: 100% !important;

    background-color: rgba(0, 0, 0, 0.7) !important;

    display: none; /* Controlado via JS (flex/none) */

    justify-content: center;

    align-items: center;

    z-index: 999999 !important; /* Garante que fique sobre o tema */

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



/* Classe ativada via JS para mostrar o pop-up */

.ytiw-crm-popup-overlay.ytiw-crm-popup-visible {

    display: flex !important;

    opacity: 1;

}



/* Container do Pop-up (Janela Branca Central) */

.ytiw-crm-popup-container {

    background-color: #ffffff;

    padding: 40px;

    border-radius: 8px;

    box-shadow: 0 10px 25px rgba(0,0,0,0.5);

    position: relative;

    width: 100%;

    max-width: 600px; /* Largura máxima do modal */

    max-height: 90vh;

    overflow-y: auto;

    transform: scale(0.95);

    transition: transform 0.3s ease-in-out;

    box-sizing: border-box;

    margin: auto; /* Centralização extra */

}



.ytiw-crm-popup-visible .ytiw-crm-popup-container {

    transform: scale(1);

}



/* Botão de Fechar (X) */

.ytiw-crm-popup-close {

    position: absolute;

    top: 15px;

    right: 15px;

    font-size: 28px;

    font-weight: bold;

    color: #888;

    cursor: pointer;

    line-height: 1;

    transition: color 0.2s ease;

    z-index: 10;

}



.ytiw-crm-popup-close:hover {

    color: #000;

}



/* RESET DE ESTILOS: Formulário dentro do Pop-up

   Estas regras anulam o "Card Design" do frontend-styles.css

   para evitar bordas duplas, sombras internas e margens excessivas.

*/

.ytiw-crm-popup-container .ytiw-crm-form-wrapper {

    box-shadow: none !important;

    border: none !important;

    padding: 0 !important;

    margin: 0 !important;

    background-color: transparent !important;

    max-width: 100% !important;

    width: 100% !important;

}



/* Ajuste de inputs para garantir contraste dentro do modal */

.ytiw-crm-popup-container .ytiw-crm-form input,

.ytiw-crm-popup-container .ytiw-crm-form select,

.ytiw-crm-popup-container .ytiw-crm-form textarea {

    background-color: #f9fafb; 

}



/* Controle de Visibilidade do Selo reCAPTCHA v3 */

.grecaptcha-badge {

    visibility: hidden;

    z-index: 999999;

}



.ytiw-crm-v3-badge-active .grecaptcha-badge {

    visibility: visible;

}