/* Estilos para o Overlay */
#cep-virtual-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Fundo escuro com transparência */
    z-index: 9998; /* Abaixo do pop-up, acima de outros conteúdos */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Estilos para o Conteúdo do Pop-up */
#cep-virtual-popup-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    z-index: 9999; /* Acima do overlay */
    position: fixed; /* Fixa na tela */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centraliza o pop-up */
    max-width: 400px; /* Largura máxima um pouco menor */
    width: 90%; /* Responsivo para telas menores */
    box-sizing: border-box; /* Garante que padding não aumente a largura */
    display: none; /* Inicia oculto, será mostrado via JS */
    text-align: center; /* Centraliza o conteúdo interno */
}

/* Botão de Fechar */
#cep-virtual-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #333;
    line-height: 1; /* Alinha o "X" */
    padding: 5px;
}

/* Estilo para o logo - AGORA MENOR */
.popup-logo img {
    max-width: 120px; /* Ajuste o tamanho do logo para menor */
    height: auto;
    margin-bottom: 10px;
    display: block; /* Garante que ocupe sua própria linha */
    margin-left: auto; /* Centraliza a imagem */
    margin-right: auto; /* Centraliza a imagem */
}

#cep-virtual-popup-content .popup-logo img {
    max-width: 120px !important;  /* Define uma largura máxima fixa para o logo */
    width: auto !important;       /* Permite que a imagem diminua se necessário */
    height: auto !important;      /* Mantém a proporção da imagem */
}

/* Removido o estilo para "Continuar comprando" e "Onde estamos?" */

/* NOVO: Estilos para os campos de formulário (inputs e selects) dentro do pop-up */
/* Aplica-se aos campos de CEP, País, Estado, Cidade */
#cep-virtual-shortcode-container .woocommerce-shipping-calculator .form-row input[type="text"],
#cep-virtual-shortcode-container .woocommerce-shipping-calculator .form-row select {
    width: 100% !important; /* Faz o campo ocupar 100% da largura */
    box-sizing: border-box !important; /* Garante que padding e borda sejam incluídos na largura */
    margin-bottom: 10px !important; /* Espaçamento entre os campos */
    padding: 8px 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

/* Ajusta o rótulo do campo (label) para não quebrar a linha ou ocupar espaço extra */
#cep-virtual-shortcode-container .woocommerce-shipping-calculator .form-row label {
    display: block; /* Garante que o label esteja em sua própria linha */
    text-align: left; /* Alinha o texto do label à esquerda */
    margin-bottom: 5px; /* Espaço entre o label e o input */
    font-size: 0.9em;
    color: #555;
}

/* Garante que o wrapper da calculadora dentro do pop-up tenha o padding adequado */
#cep-virtual-shortcode-container .calculadora-cep-isolada-wrapper {
    padding: 0 10px; /* Adiciona um padding horizontal para que os campos não colem nas bordas do pop-up */
}

/* Ajustes finos para o estilo do botão "Atualizar" dentro do pop-up, se necessário */
#cep-virtual-shortcode-container .calculadora-cep-isolada-wrapper form.woocommerce-shipping-calculator button[name="calc_shipping"] {
    width: calc(100% - 20px) !important; /* Ajusta a largura se tiver padding horizontal */
    margin-left: 10px !important; /* Centraliza o botão se tiver padding no wrapper */
    margin-right: 10px !important;
}

/*
 * Correção de Conflito de Tema
 * Força a ocultação de elementos APENAS quando o pop-up está ativo (body.no-scroll).
*/

body.no-scroll .wc-proceed-to-checkout {
    display: none !important;
}

/*
 * Estilos para a tabela da calculadora APENAS dentro do pop-up
*/
#cep-virtual-shortcode-container .woocommerce table.shop_table th,
#cep-virtual-shortcode-container .woocommerce table.shop_table td {
    padding: 0px 2px;
    line-height: 1.4;
    background: none;
    box-shadow: 0 0 0 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: var(--mfn-woo-border);
}