/*
Theme Name:  Growthway Child
Theme URI:   https://growthway.online
Description: Child theme da Growthway — design tokens e utilidades CSS globais
Author:      Growthway
Template:    astra
Version:     1.0.0
*/

/* ── Design tokens ──────────────────────────────────────────────────────── */
:root {
  --color-primary:    #664AED;
  --color-dark:       #2E3192;
  --color-accent:     #A39AE2;
  --color-bg-dark:    #23242D;
  --color-bg-light:   #EDEEF4;
  --color-bg-black:   #07070C;
  --gradient-primary: linear-gradient(135deg, #664AED 0%, #A39AE2 100%);
  --section-padding:  100px 0;
  --container-max:    1200px;
  --radius-btn:       4px;
  --radius-card:      12px;
  --shadow-card:      0 4px 24px rgba(102,74,237,0.12);
}

/* ── Gradient text utility ──────────────────────────────────────────────── */
.gradient-text {
  background:              var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

/* ── Respect reduced-motion preference ─────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation:  none !important;
    transition: none !important;
  }
}


/* ── QA Fix 1: Suppress Astra's duplicate hidden page-title H1 from DOM rendering ── */
.entry-header.ast-no-thumbnail {
  display: none;
}

/* ── QA Fix 2: Hero section — stack columns on mobile (flex-direction: column) ── */
/* Specificity matches Elementor's .elementor-114 .elementor-element.elementor-element-5e532cb9 rule */
@media (max-width: 767px) {
  .elementor-114 .elementor-element.elementor-element-5e532cb9 {
    --flex-direction: column;
  }
  .elementor-114 .elementor-element.elementor-element-5e532cb9 > .e-con-inner {
    flex-direction: column !important;
  }
  .elementor-114 .elementor-element.elementor-element-b3d94337 {
    --width: 100%;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }
}

/* ── QA Fix 3: CTA form — ensure placeholder text is visible on purple bg ── */
.gw-cta-form input::placeholder {
  color: rgba(30, 30, 60, 0.5);
}