/*
Theme Name: Hello Elementor DEPAULO
Theme URI: https://depaulodigital.com.br
Description: Tema filho do Hello Elementor com a identidade da DEPAULO. Existe para corrigir o que o tema pai e o WooCommerce pintam com cores que não são da marca, e para guardar qualquer ajuste de tema sem que uma atualização do Hello Elementor leve o trabalho junto.
Author: DEPAULO
Author URI: https://depaulodigital.com.br
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-depaulo
*/

/* ==========================================================================
   1. O reset do tema pai pinta todo botão de rosa

   O arquivo reset.css do Hello Elementor 3.5.1 traz isto:

       [type="button"]:focus, [type="button"]:hover,
       [type="submit"]:focus, [type="submit"]:hover,
       button:focus, button:hover { background-color: #cc3366; color: #fff; }

   Como a regra vale para qualquer <button> da página, todo botão do site que
   não declarasse o próprio fundo no hover ficava rosa ao passar o mouse: os
   cartões da vitrine, as perguntas do FAQ, as abas, as setas do carrossel e o
   hambúrguer do menu. O mesmo reset ainda deixa a borda e o texto em rosa no
   estado normal, e pinta todo link de rosa.
   ========================================================================== */

/* 23/09/2026 (onda A, A.5): as quatro cores do tema filho passam a ler a régua da casa (--azul e
   companhia), que vem das Variáveis do painel do Elementor e, sem elas, do dp.css. Trocar o azul no
   painel troca também os links e os botões sem estilo próprio das telas da loja. O valor depois da
   vírgula é o de hoje: vale se nem o painel nem o dp.css estiverem na página. A cor da seleção de
   texto, mais abaixo, continua escrita à mão até a onda B. */
:root {
	--dp-azul: var(--azul, #035FDD);
	--dp-azul-hov: var(--azul-hov, #024BB5);
	--dp-chumbo: var(--chumbo, #111827);
	--dp-cinza-bor: var(--cinza-bor, #E5E7EB);
}

/* Primeiro o rosa é desarmado para qualquer botão. A regra do pai tem especificidade 0-1-1;
   esta tem a mesma e carrega depois, então vence. O fundo fica transparente, e quem manda
   passa a ser o próprio componente. */
/* 23/09/2026: o botão da casa (.dp-bt) fica de fora. Num <button type="button">, esta regra
   tinha a mesma força de .dp-bt:hover e, carregando depois, apagava o fundo azul de
   "Contratar o mensal" quando o mouse passava por cima (auditoria completa, L03). */
button:not(:where(.dp-bt)):focus, button:not(:where(.dp-bt)):hover,
[type="button"]:not(:where(.dp-bt)):focus, [type="button"]:not(:where(.dp-bt)):hover,
[type="submit"]:not(:where(.dp-bt)):focus, [type="submit"]:not(:where(.dp-bt)):hover {
	background-color: transparent;
	color: inherit;
}

/* Botão que não tenha estilo próprio nenhum fica azul no hover, para continuar existindo
   um retorno visual em qualquer lugar do site. */
button:not([class]):hover, button:not([class]):focus,
[type="submit"]:not([class]):hover, [type="submit"]:not([class]):focus,
[type="button"]:not([class]):hover, [type="button"]:not([class]):focus {
	background-color: var(--dp-azul);
	color: #fff;
}

/* No estado normal o reset deixa borda e texto rosa em todo botão.
   O botão da casa (.dp-bt) fica de fora: ele tem cor própria em dp.css, que carrega depois do
   reset e antes deste arquivo. Sem a exclusão, esta regra vencia por vir por último e deixava
   "Contratar o mensal" com texto #111827 sobre o azul, contraste de 3,1 para 1 (auditoria de
   22/09/2026, achado I4). O :where() zera o peso da exclusão, então para qualquer outro botão
   a regra continua exatamente com a força de antes. */
button:not(:where(.dp-bt)), [type="button"]:not(:where(.dp-bt)), [type="submit"]:not(:where(.dp-bt)) {
	border-color: var(--dp-cinza-bor);
	color: var(--dp-chumbo);
}

/* O rosa do reset também pegava todo link do site. */
a { color: var(--dp-azul); }
a:hover { color: var(--dp-azul-hov); }

/* ==========================================================================
   2. Botões de arquivo, que o reset deixa rosa em outro seletor
   ========================================================================== */
::-webkit-file-upload-button { background-color: var(--dp-azul); color: #fff; border: 0; }

/* ==========================================================================
   3. Seleção de texto na cor da marca, detalhe que o tema deixa no padrão
   ========================================================================== */
::selection { background: rgba(3, 95, 221, .18); color: var(--dp-chumbo); }

/* ==========================================================================
   4. O carrinho e o pagamento não podem sair da tela

   O tema pai dá margem de -80 px dos dois lados a todo bloco "largo" (.alignwide).
   O carrinho do WooCommerce usa esse alinhamento, e no celular o total e o botão de
   pagar começavam 70 px para fora da tela (auditoria completa de 22/09/2026, C1).
   ========================================================================== */
.woocommerce-page .alignwide, .woocommerce .alignwide { margin-left: 0; margin-right: 0; max-width: 100%; }