/*
Theme Name:   Citrus Child
Theme URI:    https://github.com/rmiller1000/citrus-website
Description:  Child theme for Citrus Consulting Partners — an association technology consultancy. Built on Astra, themed with the citrus palette (orange / lime / lemon / grapefruit).
Author:       Citrus Consulting Partners
Author URI:   https://citrusconsultingpartners.com
Template:     astra
Version:      0.1.0
Requires PHP: 7.4
Text Domain:  citrus-child
*/

/* ============================================================
   Citrus palette — CSS custom properties
   (theme.json also exposes these to the block editor as swatches)
   ============================================================ */
:root {
  --citrus-orange:     #F5821F;
  --citrus-lime:       #7CB518;
  --citrus-lemon:      #FCE205;
  --citrus-lemon-soft: #FFF7D6;
  --citrus-grapefruit: #FF5E5B;
  --citrus-white:      #FFFDF7;
  --citrus-slate:      #1F2A2E;
}

/* ---- Base ---- */
body {
  background-color: var(--citrus-white);
  color: var(--citrus-slate);
}

/* ---- Hero gradient utility ---- */
.citrus-hero {
  background: linear-gradient(135deg, var(--citrus-orange) 0%, var(--citrus-lime) 100%);
  color: #fff;
}
.citrus-hero h1,
.citrus-hero h2,
.citrus-hero p { color: #fff; }

/* ---- Primary CTA buttons ---- */
.wp-block-button.is-style-citrus .wp-block-button__link,
.citrus-btn {
  background-color: var(--citrus-orange);
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  transition: background-color .15s ease;
}
.wp-block-button.is-style-citrus .wp-block-button__link:hover,
.citrus-btn:hover {
  background-color: var(--citrus-grapefruit);
}

/* ---- Soft section background ---- */
.citrus-section-soft {
  background-color: var(--citrus-lemon-soft);
}

/* ---- Circular citrus accent tiles ---- */
.citrus-tile {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(31, 42, 46, .12);
}

/* ---- Lemon underline accent for headings ---- */
.citrus-underline {
  border-bottom: 4px solid var(--citrus-lemon);
  display: inline-block;
  padding-bottom: 2px;
}