.elementor-6003 .elementor-element.elementor-element-7ab14fe{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-6003 .elementor-element.elementor-element-7ab14fe:not(.elementor-motion-effects-element-type-background), .elementor-6003 .elementor-element.elementor-element-7ab14fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS *//* =======================================================
   Formulário de Rastreio - Clave de C (Texto Injetado via CSS)
   ======================================================= */

/* 1. Injetando o Título "Rastrear Pedido" acima do formulário */
body.elementor-page-6003 .woocommerce::before {
    content: "Rastrear Pedido";
    font-family: 'Baloo Bhai 2', sans-serif !important;
    font-size: 36px;
    color: #ffffff !important; /* Branco */
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

/* 2. Ocultando o texto padrão (incompleto) do WooCommerce */
body.elementor-page-6003 .woocommerce form.track_order > p:first-of-type {
    display: none !important;
}

/* 3. Injetando o seu texto de instruções completo */
body.elementor-page-6003 .woocommerce form.track_order::before {
    content: "Para acompanhar o seu pedido, digite o ID do pedido na caixa abaixo e o e-mail utilizado no momento da compra, depois pressione o botão 'Rastrear'. O ID do pedido foi informado em sua fatura e está no e-mail de confirmação que você deve ter recebido.";
    font-family: 'Inter', sans-serif !important;
    font-size: 16px;
    color: #475569;
    display: block;
    margin-bottom: 25px;
    line-height: 1.5;
    text-align: center;
}

/* 4. Caixa principal do formulário */
body.elementor-page-6003 .woocommerce form.track_order {
    background-color: #FFFFFF;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    max-width: 600px;
    margin: 20px auto 40px auto;
    border-top: 5px solid #2D9CDB; /* Detalhe Azul Clave de C no topo */
}

/* 5. Títulos dos campos (ID do pedido e E-mail de Faturamento) */
body.elementor-page-6003 .woocommerce form.track_order label {
    font-weight: 700;
    color: #9B51E0; /* Roxo Clave de C */
    display: block;
    margin-bottom: 10px;
    font-family: 'Baloo Bhai 2', sans-serif;
    font-size: 18px;
}

/* 6. Campos de digitação */
body.elementor-page-6003 .woocommerce form.track_order input.input-text {
    width: 100%;
    padding: 15px;
    border: 2px solid #CBD5E1;
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    transition: all 0.3s ease;
}

/* 7. Efeito ao clicar no campo (Foco) */
body.elementor-page-6003 .woocommerce form.track_order input.input-text:focus {
    border-color: #2D9CDB;
    box-shadow: 0 0 0 3px rgba(45, 156, 219, 0.2);
    outline: none;
}

/* 8. Botão de Rastrear */
body.elementor-page-6003 .woocommerce form.track_order button.button {
    background-color: #9B51E0; /* Roxo Clave de C */
    color: #ffffff;
    padding: 16px 30px;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    width: 100%;
    margin-top: 15px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.3s;
}

/* 9. Efeito ao passar o mouse no botão */
body.elementor-page-6003 .woocommerce form.track_order button.button:hover {
    background-color: #2D9CDB; 
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(45, 156, 219, 0.4);
}

/* =======================================================
   10. Responsividade (Correção para Celulares)
   ======================================================= */
@media (max-width: 768px) {
    body.elementor-page-6003 .woocommerce form.track_order .form-row-first,
    body.elementor-page-6003 .woocommerce form.track_order .form-row-last {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-bottom: 20px !important;
    }
    
    /* Reduz levemente o espaçamento interno (padding) da caixa para caber melhor na tela do celular */
    body.elementor-page-6003 .woocommerce form.track_order {
        padding: 25px;
    }
}/* End custom CSS */