/*
Theme Name: Brainsquawk Astra Child
Description: Child theme for the Brainsquawk website, based on Astra.
Author: Brainsquawk
Template: astra
Version: 1.0.0
Text Domain: brainsquawk-astra-child
*/

/* =========================================================
   BRAINSQUAWK BRAND TOKENS
   Global typography, container width, buttons, header, footer,
   and default colors should remain controlled in Astra.
   ========================================================= */

:root {
  --bsq-charcoal: #111827;
  --bsq-orange: #D35400;
  --bsq-orange-text: #B94700;
  --bsq-orange-hover: #963A00;
  --bsq-orange-dark: #F97316;
  --bsq-body: #374151;
  --bsq-muted: #6B7280;
  --bsq-offwhite: #F7F5F1;
  --bsq-warm: #FFF4EC;
  --bsq-border: #E5E7EB;
  --bsq-white: #FFFFFF;
}


/* =========================================================
   HERO
   Reusable page hero spacing only.
   Heading typography remains controlled by Astra.
   ========================================================= */

.bsq-hero {
  padding-top: clamp(2.5rem, 4vw, 3.25rem);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  background-color: var(--bsq-white);
}


/* =========================================================
   SECTION LABELS
   ========================================================= */

.bsq-eyebrow {
  margin-bottom: 0.75rem;
  color: var(--bsq-orange-text);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}


/* =========================================================
   SHARED SECTIONS
   Apply .bsq-section only to major content sections that should
   receive the standard Brainsquawk vertical rhythm.
   ========================================================= */

.bsq-section {
  padding-top: clamp(3rem, 5vw, 4.5rem);
  padding-bottom: clamp(3rem, 5vw, 4.5rem);
}

/* Use when the first section should sit closer to the hero. */
.bsq-hero + .bsq-section {
  padding-top: clamp(1.25rem, 2.5vw, 2rem);
}


/* =========================================================
   SECTION BACKGROUNDS
   ========================================================= */

.bsq-section-muted {
  background-color: var(--bsq-offwhite);
}

.bsq-section-warm {
  background-color: var(--bsq-warm);
}

.bsq-section-dark {
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  padding-right: clamp(1.5rem, 3vw, 2.5rem);
  background-color: var(--bsq-charcoal);
  color: var(--bsq-white);
}

.bsq-section-dark :is(h1, h2, h3, h4, p, li) {
  color: var(--bsq-white);
}

.brainsquawk-insights .wp-block-post-title a {
  color: var(--bsq-charcoal);
  text-decoration: none;
}

.brainsquawk-insights .wp-block-post-title a:hover,
.brainsquawk-insights .wp-block-post-title a:focus {
  color: var(--bsq-orange-text);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}