/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Tema filho do Hello Elementor.
Author: Seu Nome
Template: hello-elementor
Version: 1.0
*/

/* ===========================
   Variáveis para padronizar shape/estilo na página de produto
   =========================== */
.single-product {
  --chip-radius: 18px;
  --glass-bg: rgba(30,41,59,.45);
  --glass-bg-2: rgba(30,41,59,.32);
  --glass-border: rgba(148,163,184,.28);
  --sheen: rgba(255,255,255,.07);
  --grad-light: linear-gradient(90deg, #7FB3FF 0%, #AFC7FF 35%, #C7B8FF 70%, #E3D9FF 100%);
  --text-plain: #EAF2FF; /* cor sólida clara p/ símbolos e fallback */
}

/* ===========================
   GLASS CHIP — PREÇO (versão clara)
   =========================== */
.price-section {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  padding: 14px 18px;
  border-radius: var(--chip-radius);
  background: linear-gradient(180deg, var(--glass-bg), var(--glass-bg-2));
  border: 1px solid var(--glass-border);
  box-shadow: 0 8px 28px rgba(0,0,0,.35), inset 0 1px 0 var(--sheen);
  position: relative;
  isolation: isolate;
}

/* rótulo “Investimento” */
.price-section::before {
  content: "Investimento";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: #C7D2FE;
  margin-right: 6px;
  opacity: .95;
}

/* ===== AJUSTE SOLICITADO: texto MAIS CLARO e LEGÍVEL (sem gradiente) ===== */
.price-section .amount,
.price-section .woocommerce-Price-amount,
.price-section .woocommerce-Price-currencySymbol {
  background: none !important;                 /* remove gradiente do texto */
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: var(--text-plain) !important;         /* cor sólida clara */
  -webkit-text-fill-color: var(--text-plain) !important;
  text-shadow: 0 0 10px rgba(224,234,255,.22); /* leve glow p/ leitura */
  font-size: clamp(22px, 3.2vw, 32px);
  font-weight: 800;
  line-height: 1;
}

/* brilho sutil no topo */
.price-section::after {
  content: "";
  position: absolute; inset: 0 0 auto 0; height: 45%;
  background: linear-gradient(180deg, rgba(255,255,255,.06), transparent);
  border-radius: inherit;
  pointer-events: none;
}

/* micro animação */
.price-section { transform: translateY(4px); opacity: 0; animation: tlFadeUp .45s ease-out .04s forwards; }
@keyframes tlFadeUp { to { transform: translateY(0); opacity: 1; } }

/* ===========================
   GLASS BUTTON — “Contratar agora” no mesmo estilo/shape do preço
   (Ajustes: texto MAIOR + borda neon sempre brilhante)
   =========================== */
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  /* mantém seu layout; só deixa um pouco mais presente */
  padding: 16px 24px !important;
  min-height: 48px;
  border-radius: var(--chip-radius) !important;

  /* vidro */
  background: linear-gradient(180deg, var(--glass-bg), var(--glass-bg-2)) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.35), inset 0 1px 0 var(--sheen) !important;

  /* ===== AJUSTE SOLICITADO: borda fina azul→roxo com brilho constante ===== */
  border: 1px solid transparent !important;
  background-image:
    linear-gradient(180deg, var(--glass-bg), var(--glass-bg-2)),
    linear-gradient(90deg, #7CCBFF, #B07AFF);     /* gradiente da borda */
  background-origin: border-box;
  background-clip: padding-box, border-box;

  /* texto sólido claro p/ máxima legibilidade (um pouco maior) */
  color: var(--text-plain) !important;
  -webkit-text-fill-color: var(--text-plain) !important;
  font-weight: 800 !important;
  font-size: 18px !important;                    /* ↑ um pouco maior */
  letter-spacing: .2px;
  text-shadow: 0 0 14px rgba(124,58,237,.22);    /* brilho “constante” */

  /* glow externo sempre presente */
  box-shadow:
    0 8px 28px rgba(0,0,0,.35),
    0 0 18px rgba(124,58,237,.25),               /* roxo */
    0 0 14px rgba(41,98,255,.20),                /* azul */
    inset 0 1px 0 var(--sheen) !important;

  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  position: relative;
  isolation: isolate;
}

/* brilho superior do botão */
.single-product .single_add_to_cart_button::after {
  content: "";
  position: absolute; inset: 0 0 auto 0; height: 50%;
  background: linear-gradient(180deg, rgba(255,255,255,.06), transparent);
  border-radius: inherit;
  pointer-events: none;
}

/* hover/focus (só realça um pouco mais, mas já tem brilho constante) */
.single-product .single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:focus {
  transform: translateY(-1px);
  box-shadow:
    0 10px 34px rgba(0,0,0,.35),
    0 0 22px rgba(124,58,237,.30),
    0 0 18px rgba(41,98,255,.26),
    inset 0 1px 0 var(--sheen) !important;
}

/* active */
.single-product .single_add_to_cart_button:active { transform: translateY(0); }

/* Fallback: se o navegador não suporta background-clip:text, o preço já está sólido,
   então não precisamos fazer nada aqui. */