.elementor-519 .elementor-element.elementor-element-dec9b39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-519 .elementor-element.elementor-element-dec9b39:not(.elementor-motion-effects-element-type-background), .elementor-519 .elementor-element.elementor-element-dec9b39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-519 .elementor-element.elementor-element-76c6e0a{text-align:center;}.elementor-519 .elementor-element.elementor-element-2fb0d04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-519 .elementor-element.elementor-element-2fb0d04:not(.elementor-motion-effects-element-type-background), .elementor-519 .elementor-element.elementor-element-2fb0d04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-519 .elementor-element.elementor-element-dec9b39{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-519 .elementor-element.elementor-element-2fb0d04{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS *//* Estilo geral da seção de rastreio */
.woocommerce-order-tracking {
    background-color: #333; /* Fundo mais escuro */
    border: 1px solid #555;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 800px;
    margin: 40px auto; /* Centraliza na página */
    text-align: center;
    color: #eee; /* Cor do texto geral */
}

/* Título e instruções iniciais */
.woocommerce-order-tracking h2 {
    color: #aadd22; /* Cor do título principal */
    font-size: 2.2em;
    margin-bottom: 25px;
    font-weight: bold;
}

.woocommerce-order-tracking p:first-of-type {
    color: #ccc;
    font-size: 1.1em;
    margin-bottom: 30px;
    line-height: 1.5;
}

/* Estilo dos campos de input */
.woocommerce-order-tracking input[type="text"],
.woocommerce-order-tracking input[type="email"] {
    width: calc(50% - 15px); /* Dois campos por linha com espaço */
    padding: 12px 15px;
    margin: 0 7px 20px 7px; /* Espaçamento entre os campos */
    border: 1px solid #777;
    border-radius: 5px;
    background-color: #222;
    color: #fff;
    font-size: 1em;
    box-sizing: border-box; /* Inclui padding e borda na largura */
}

.woocommerce-order-tracking input::placeholder {
    color: #aaa;
}

/* Estilo do botão "Rastrear" */
.woocommerce-order-tracking .button {
    background-color: #aadd22; /* Verde vibrante */
    color: #333; /* Texto escuro no botão */
    border: none;
    padding: 15px 40px;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-top: 10px;
}

.woocommerce-order-tracking .button:hover {
    background-color: #bbff44; /* Verde mais claro no hover */
    color: #111;
}

/* Estilo para as informações do pedido (DEPOIS DE RASTREAR) */
.woocommerce-order-details {
    margin-top: 50px;
    background-color: #444; /* Fundo mais claro para os detalhes */
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #666;
    text-align: left; /* Alinha texto dos detalhes à esquerda */
}

.woocommerce-order-details h2.woocommerce-order-details__title {
    color: #aadd22;
    font-size: 1.8em;
    margin-bottom: 20px;
    text-align: center;
}

.woocommerce-order-details p {
    color: #ccc;
    font-size: 1.1em;
    margin-bottom: 10px;
}

.woocommerce-order-details strong {
    color: #fff; /* Negrito mais claro */
}

/* Tabela de itens do pedido (se houver) */
.woocommerce-order-details .shop_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 25px;
}

.woocommerce-order-details .shop_table th,
.woocommerce-order-details .shop_table td {
    border: 1px solid #666;
    padding: 12px;
    text-align: left;
    color: #eee;
}

.woocommerce-order-details .shop_table th {
    background-color: #555;
    color: #aadd22;
    font-weight: bold;
}

.woocommerce-order-details .shop_table tbody tr:nth-child(even) {
    background-color: #4a4a4a; /* Linhas alternadas */
}

/* Cores dos status */
.woocommerce-order-details .order-status strong {
    background-color: #aadd22; /* Cor do status (verde) */
    color: #333;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 1.1em;
}

/* Para garantir que o link de voltar não fique feio */
.woocommerce-order-details a {
    color: #aadd22;
    text-decoration: none;
    transition: color 0.3s ease;
}

.woocommerce-order-details a:hover {
    color: #bbff44;
    text-decoration: underline;
}

/* Ajustes para telas menores */
@media (max-width: 768px) {
    .woocommerce-order-tracking input[type="text"],
    .woocommerce-order-tracking input[type="email"] {
        width: calc(100% - 15px);
        margin: 0 7px 15px 7px;
    }
}/* End custom CSS */