/* Só com o tema Hello Elementor (Projetos1001_Catalogo_Hello).
 * O Hello não estiliza o WooCommerce e pinta link de rosa: aqui entram os tokens do tema.css. */
body{color:var(--1001-texto);background:var(--1001-fundo)}
body a{color:var(--1001-acao)}
body a:hover,body a:active{color:var(--1001-acao-hover)}

/* Botões do WooCommerce (carrinho, Minha conta, avisos). */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce .checkout-button{background:var(--1001-acao);color:#fff;border:0;border-radius:var(--1001-raio);font-weight:600;min-height:44px;padding:.75em 1.25em;line-height:1.3;display:inline-flex;align-items:center;justify-content:center}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce .checkout-button:hover{background:var(--1001-acao-hover);color:#fff}
.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled]{background:var(--1001-botao2);color:var(--1001-secundario)}
.woocommerce .cart .coupon .button,.woocommerce button[name="update_cart"]{background:var(--1001-botao2);color:var(--1001-texto)}

/* Formulários. */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .quantity .qty,.woocommerce-cart .coupon .input-text{border:1px solid var(--1001-borda);border-radius:var(--1001-raio);min-height:44px;padding:.5em .75em;background:var(--1001-fundo);color:var(--1001-texto)}

/* Avisos e tabelas. */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--1001-acao);background:var(--1001-superficie);color:var(--1001-texto)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--1001-acao)}
.woocommerce table.shop_table{border-color:var(--1001-borda);border-radius:var(--1001-raio)}
.woocommerce-cart .cart-collaterals .cart_totals h2,.woocommerce-cart h1{font-size:var(--1001-titulo);font-weight:600}

/* Páginas sem Elementor (carrinho, políticas): largura e respiro. */
body:not([class*=elementor-page-]) .page-content,body:not([class*=elementor-page-]) .page-header{max-width:var(--1001-largura);margin-inline:auto;padding-inline:16px}
.page-header .entry-title{font-size:var(--1001-titulo);font-weight:600;margin-block:24px 16px}

/* Widget "Minha conta" do Elementor Pro: o CSS dele fixa o azul #5bc0de com seletor longo. */
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .button,
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce button.button{background:var(--1001-acao)!important;color:#fff!important;border-color:var(--1001-acao)!important;border-radius:var(--1001-raio)!important}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .button:hover,
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce button.button:hover{background:var(--1001-acao-hover)!important}
