/* Be Center — brand color pass (round 3).
   Loaded after typography-overrides.css so these rules win.
   "purple" = #835aa4, "teal" = #17bbb9 — the two brand colors going forward. */

/* 1. Heading color: purple, everywhere (including any inline accent word
      inside a heading, e.g. the hero title's colored phrase, so headings
      read as one consistent color rather than two-tone). */
h1.font-serif,
h2.font-serif,
h3.font-serif,
h4.font-serif,
h5.font-serif,
h6.font-serif,
h1.font-serif *,
h2.font-serif *,
h3.font-serif *,
h4.font-serif *,
h5.font-serif *,
h6.font-serif * {
  color: #835aa4 !important;
}

/* 2. Buttons: fill/accent color teal instead of coral.
      (Font-family for buttons was reverted back to Poynter separately,
      in monthly-feature.css / course-landing.css / this file's section 2b —
      Kapra Neue's condensed style was too tight to read at button size.) */
/* Note: the leading space in [class*=" bg-coral"] is deliberate — without it
   this also matches "hover:bg-coral" (e.g. on the WhatsApp outline button),
   which made its text invisible against its own hover-colored background. */
a.rounded-full[class*=" bg-coral"],
a.rounded-full[class*=" border-coral"] {
  font-family: "Poynter OS Text", Georgia, serif !important;
}
a.rounded-full[class*=" bg-coral"] {
  background-color: #17bbb9 !important;
}
a.rounded-full[class*=" bg-coral"]:hover {
  background-color: #14a3a1 !important; /* slightly deeper teal on hover */
}
a.rounded-full[class*=" border-coral"] {
  border-color: #17bbb9 !important;
  color: #17bbb9 !important;
}

/* 3. Small uppercase "eyebrow" labels above headings (section kickers,
      e.g. "O método", "Serviços", "Vanessa Erani", the hero pill badge,
      etc.): teal. */
span[class*="tracking-[0.25em]"],
div[class*="tracking-[0.18em]"] {
  color: #17bbb9 !important;
}

/* 3b. The nav logo swap (be-horizontal.svg) already includes the "be
       center" wordmark drawn into the graphic itself, so the separate
       "Be Center" text label that used to sit next to the old icon-only
       mark is now a duplicate — hide it. */
header a[aria-label="Be Center"] span.font-serif,
nav a[aria-label="Be Center"] span.font-serif {
  display: none !important;
}

/* 4. Two decorative dots removed: the one inside the hero eyebrow pill,
      and the one above the hero quote card. */
span[class="size-1.5 bg-coral rounded-full"],
div[class="size-2 bg-coral rounded-full mb-3"] {
  display: none !important;
}

/* 5. Hero section background + the CTA section right before the footer:
      flat #eef7f8 instead of the pink gradient.
      (A third section — "Atendimentos individuais e mentorias" / Serviços —
      shares the same underlying "bg-gradient-dawn" utility but was NOT
      mentioned, so it's deliberately excluded via the [class*="pt-36"]
      qualifier below and is left as-is.) */
section.bg-gradient-dawn[class*="pt-36"],
div.absolute.inset-0.bg-gradient-dawn {
  background: #eef7f8 !important;
}

/* ============================================================
   Round 4 additions
   ============================================================ */

/* 6. Hero eyebrow pill ("Be Center · Pompano Beach, FL"): remove its
      solid pink background, keep it as plain teal text. */
div[class*="tracking-[0.18em]"] {
  background: none !important;
}

/* 7. Nav bar: give it its own flat background instead of letting the
      hero's #eef7f8 tint show through (it's position:absolute over the
      hero). Its top/bottom padding around the logo was already equal
      (24px/24px at both desktop and mobile widths), so no spacing change
      was needed there — just the background. */
header:has(> a[aria-label="Be Center"]),
header:has(a[aria-label="Be Center"]) {
  background-color: #F7F7F7 !important;
}

/* 8. Every shadow on the site driven by the shared --shadow-bloom token
      (the hero quote card, several CTA buttons) was tinted red/pink
      (hsl(352 79% 50%)). Redefining the token once, globally, makes all
      of them a neutral gray instead — this fixes the hero quote card's
      shadow AND the teal button shadows in one place. */
:root {
  --shadow-bloom: 0 10px 40px -10px rgba(0, 0, 0, 0.18);
}

/* 9. Item-level headings inside the four "doubled heading" groups from
      round 2 (Pra quem's 5 topics, O método's 4 steps, Formações' 3
      boxes, Serviços' 4 boxes) → dark blue, NOT purple. The section-level
      H2 heading above each group (e.g. "Você reconhece esse momento.")
      keeps the purple from rule 1 above — only these smaller item
      headings change here. */
h3.font-serif.text-xl.text-foreground:not(.tracking-tight),
h3.font-serif.text-xl.text-foreground.tracking-tight,
h3.font-serif.text-2xl.tracking-tight.mt-4,
h3.font-serif.text-2xl.text-foreground.tracking-tight {
  color: #1d3657 !important;
}

/* 10. "O método" step numbers (01–04): purple instead of coral. */
span.font-serif.italic.text-5xl.text-coral {
  color: #835aa4 !important;
}

/* 11. "Você sente que" bullet-list marker ("·"): purple instead of coral. */
li.font-serif.text-2xl.tracking-tight > span.text-coral {
  color: #835aa4 !important;
}

/* 12. Decorative icon above "O método" removed — it was reusing the old
       placeholder mark image, which after the logo swap now shows the
       full horizontal wordmark at icon size (too small/odd). Removing it
       also tightens this section's top spacing to match every other
       section, since it was adding ~72px of extra height (48px icon +
       24px margin) that no other section's eyebrow has. */
section img[src*="be-horizontal"] {
  display: none !important;
}

/* 13. Bio pull-quotes (Vanessa & Jivago): left border line teal instead
       of the two different honey/moss accent colors, for one consistent
       accent. */
blockquote.font-serif.italic.border-l-2 {
  border-left-color: #17bbb9 !important;
}

/* 14. Testimonial decorative quotation marks: teal instead of honey/yellow. */
span.font-serif.text-honey {
  color: #17bbb9 !important;
}

/* 15. The CTA section right before the footer ("Se você sente que...")
       still had two large blurred color blobs (a pink one top-center, a
       honey/yellow one bottom-right) layered over the flat #eef7f8 from
       rule 5 above — together they read as a soft gradient. Hiding both
       makes the section truly solid. */
div[class*="size-[700px]"][class*="bg-coral/10"],
div[class*="size-96"][class*="bg-honey/15"] {
  display: none !important;
}

/* 16. Bring the CTA section's padding in line with every other section
       on the page (144px top/bottom) — it was the one section using a
       larger 176px/176px, which broke the otherwise-consistent rhythm. */
section.relative.py-32[class*="md:py-44"] {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
@media (min-width: 768px) {
  section.relative.py-32[class*="md:py-44"] {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}

/* ============================================================
   Round 5 additions
   ============================================================ */

/* 17. Serviços section also uses the shared "bg-gradient-dawn" utility
       (pink fading to transparent at the bottom). The hero and the final
       CTA section were already flattened to #eef7f8 in round 3/4; this
       is the third and last user of that gradient. Targeted by ID so it
       can't accidentally catch the hero or CTA section. */
section#servicos.bg-gradient-dawn {
  background: #eef7f8 !important;
}

/* 18. Footer cleanup:
       a) remove the "Endereço / E-mail" middle column entirely — it
          duplicated info already in the bottom bar / social icons.
       b) remove the tagline under the logo ("Be Center LLC · Pompano
          Beach, FL") — duplicate of the copyright line in the very
          bottom bar.
       c) with (a) freeing up the middle grid column, promote the logo
          wrapper's children (logo, icons row) to be direct grid items
          via display:contents, so the social icons — no longer stacked
          under the logo — become their own centered middle column,
          leaving the logo alone on the left and "Contato direto" /
          WhatsApp on the right, unchanged. */
footer div[class="text-sm text-foreground/65 leading-relaxed space-y-4"] {
  display: none !important;
}
footer div[class="flex flex-col gap-4"] > p {
  display: none !important;
}
footer div[class="flex flex-col gap-4"] {
  display: contents !important;
}
footer div[class="flex items-center gap-3 pt-2"] {
  justify-content: center !important;
  justify-self: center !important;
  align-self: start !important;
}

/* ============================================================
   Round 6 additions
   ============================================================ */

/* 19. Icon badges (the small rounded-square icon + colored background,
       used in the Cursos & Formações boxes and the Serviços boxes — 7
       total across the site): swap the coral/orange badge for a light
       purple background with a purple icon, and invert on hover (the
       card itself has class "group"; hovering it already toggled these
       badge colors via group-hover — that trigger is kept, only the
       colors change). Keyed on rounded-2xl to avoid catching the
       differently-shaped "eyebrow pill" badge (rounded-full) that
       reuses the same bg-coral-soft/text-coral utility pair. */
div[class*="rounded-2xl"][class*="bg-coral-soft"] {
  background-color: #dfcbe3 !important;
  color: #835aa4 !important;
}
.group:hover div[class*="rounded-2xl"][class*="bg-coral-soft"] {
  background-color: #835aa4 !important;
  color: #dfcbe3 !important;
}

/* 20. Same cards: hovering the card itself turns its border coral/orange
       (Tailwind's own hover:border-coral/40 utility) — make that teal. */
article[class*="hover:border-coral/40"]:hover {
  border-color: #17bbb9 !important;
}

/* 21. Hero: extra bottom padding so the overlapping monthly banner (see
       monthly-feature.css) always clears the hero quote card by a
       comfortable margin. Without this, the quote card and the banner's
       top edge touch (or overlap) at most desktop widths — the banner's
       pull-up amount there is fixed, so the fix is giving the hero more
       room to pull up INTO rather than reducing the overlap effect
       itself. ~70px extra desktop / ~35px extra mobile, on top of the
       existing pt-36/md:pt-44 pb-24/md:pb-32. */
section#top {
  padding-bottom: calc(6rem + 35px) !important;
}
@media (min-width: 768px) {
  section#top {
    padding-bottom: calc(8rem + 70px) !important;
  }
}

/* 22. Bio "Especialidades" tags: remove the small decorative icon inside
       each pill, keep just the label text. Scoped with :not(.font-serif)
       so it doesn't touch the (differently styled) testimonial quote
       mark, which reuses the same text-honey color utility. */
span.text-honey:not(.font-serif) {
  display: none !important;
}

/* 23. Footer "Contato direto" label: black instead of the default muted
       gray. */
footer div[class="flex flex-col items-start md:items-end gap-4"] > p {
  color: #000 !important;
}