/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 3.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root {
    --primary-color: #3b3d8f;
    --text-color: var(--text-color);
    --font-inter: "Inter", Sans-serif;
}
html, body { overflow-x: hidden !important; }
p a:hover { text-decoration: underline; }
input:focus,
input:focus-visible { outline: none !important; }
.carrinho-de-compras .order-total,
.none { display: none !important; }
.woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail,
.block { display: block !important; }
/* Página única do produto */
.colocar-no-carrinho .elementor-widget-container { padding: 20px 0 0 0 !important; }
.colocar-no-carrinho tbody {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.colocar-no-carrinho th.label, .colocar-no-carrinho td.value {
  width: 100%;
  display: block;
  text-align: left;
  padding: 0;
  border: none;
  background-color: transparent;
}
.colocar-no-carrinho th.label { padding-bottom: 5px; }
.colocar-no-carrinho td.value select {
    border: 2px solid #D9D9D9;
    border-radius: 7px;
}
.colocar-no-carrinho .woocommerce-variation-price { margin-bottom: -5px; }
.colocar-no-carrinho .price {
    font-family: var(--font-inter);
    font-weight: 700;
    font-size: 22px;
    color: var(--primary-color);
} 
.reset_variations { 
    font-family: var(--font-inter); 
    color: var(--primary-color);
}
/* Página do carrinho de compras */
.carrinho-de-compras .e-cart__container { justify-content: space-between; }
.carrinho-de-compras .e-cart__column.e-cart__column-end { width: 361px; }
.carrinho-de-compras .cart_item td {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}
.carrinho-de-compras .woocommerce-Price-amount,
.carrinho-de-compras .product-name a { font-weight: 700 !important; }
.carrinho-de-compras .variation {
    display: flex;
    flex-direction: column;
}
.elementor-menu-cart__product-name .variation dt,
.carrinho-de-compras .variation dt { color: #666666 !important; }
.carrinho-de-compras .product-remove,
.carrinho-de-compras .product-thumbnail { vertical-align: top !important; }
.cart-menu .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
.carrinho-de-compras .attachment-woocommerce_thumbnail {
    width: 81px !important;
    height: 68px !important;
    border-radius: 7px;
    object-fit: cover;
}
.carrinho-de-compras .cart-subtotal td {
    display: flex !important;
    flex-direction: column !important;
    align-items: start !important;
    font-family: var(--font-inter) !important;
    font-weight: 700;
}
.carrinho-de-compras .cart-subtotal td:before { color: var(--text-color) !important; }
.carrinho-de-compras .cart-subtotal .woocommerce-Price-amount {
    color: var(--primary-color) !important;
    font-size: 25px;
    padding-top: 10px;
}
.carrinho-de-compras .checkout-button { width: 100% !important; }
.carrinho-de-compras .custom-html-in-cart-totals {
    font-family: var(--font-inter);
    color: var(--text-color);
}
/* Carrinho do menu */
#elementor-menu-cart__toggle_button {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.elementor-menu-cart__product-name a { line-height: 0 !important; }
.elementor-menu-cart__product-name .variation {
    display: flex;
    flex-direction: column;
    margin: 0;
}
/* Página do pedido finalizado */
.yellow-line {
    background-color: #FDF232;
    width: 950px;
    display: block;
    height: 20px;
    border-radius: 7px;
}
/* Botões de Seja um apoiador e Seja voluntário */
/* .btn-menu-header .elementor-widget-button:hover::after {
    content: "EM BREVE!";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 7px 30px 7px 30px;
    white-space: nowrap;
    border-radius: 7px;
    margin-top: 6px;
    z-index: 999;
    text-align: center;
    font-family: var(--font-inter);
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #5EE2FF;
} */
/* Caixa de notificação do woocommerce */
.woocommerce-error:focus-visible,
.woocommerce-message:focus-visible { outline: none !important; }
.woocommerce-error,
.woocommerce-message {
    position: fixed;
    bottom: 0;
    z-index: 100;
    right: 0;
    margin: 10px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.25);
    border-color: var(--primary-color) !important;
    font-family: var(--font-inter);
    color: var(--text-color);
}
.woocommerce-error .button,
.woocommerce-message .button {
    float: inline-end;
    background: transparent !important;
    padding: 4px 0px 0px 5px !important;
}
/* Página de thankyou */
.woocommerce-order-received div, 
.woocommerce-order-received td, 
.woocommerce-order-received th {
    color: var(--text-color) !important;
    font-family: var(--font-inter); 
}
.woocommerce-order-received .wc-item-meta { padding-left: 0; }
.woocommerce-order-received .product-name a:hover,
.woocommerce-order-received .product-name a { 
    color: var(--primary-color) !important; 
    font-size: 20px;
}
.btn-pedido-entregue {
    font-family: var(--font-inter); 
    font-weight: 700;
    font-size: 18px;
    color: var(--primary-color);
    background-color: transparent;
    padding: 10px 20px 10px 20px !important;
    border-radius: 7px;
    border-color: var(--primary-color);
    width: 355px;
}
.btn-pedido-entregue:focus,
.btn-pedido-entregue:hover { background-color: var(--primary-color); }
.loading { animation: spin 1s linear infinite; }
.progress-bar {
    width: 355px; 
    height: 10px; 
    background: #D9D9D9; 
    border-radius: 10px; 
    overflow: hidden;
}
.progress-bar-fill {
    height: 100%;
    background: linear-gradient(
        270deg,
        #3b3d8f,
        #5EE2FF,
        #FDF232,
        #ffe95e,
        #3b3d8f,
        #2a276d,
        #5EE2FF
    );
    background-size: 600% 600%;
    animation: gradientMove 3s linear infinite;
    width: 0;
    transition: width 1s ease;
}
@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media screen and (max-width: 768px) {
    /* Página do carrinho de compras */
    .elementor-widget-woocommerce-cart .woocommerce .cart td:before,
    .none { display: none; }
    .carrinho-de-compras .e-cart__column.e-cart__column-end { width: 100%; }
    .carrinho-de-compras td.product-name { float: left; }
    .carrinho-de-compras td.product-price,
    .carrinho-de-compras td.product-subtotal { padding: 0 !important; }
    .carrinho-de-compras td.product-name { padding-top: 0 !important; }
    .carrinho-de-compras .product-name dl { text-align: left; }
    .carrinho-de-compras .product-remove { margin-bottom: -50px; }
    /* Página de thankyou */
    .woocommerce-thankyou-order-details {
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding: 0;
        margin: 0px 0 20px 0;
    }
    .btn-pedido-entregue { width: 100%; }
    .progress-bar { width: 100%; }
}