/*
 Theme Name:   ATG Child Theme
 Theme URI:    https://atgtogether.com
 Description:  Child theme for The Autism Therapy Group, based on Divi.
 Author:       The Autism Therapy Group
 Author URI:   https://atgtogether.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  atg-child
*/

/* ============================================================
   ATG GLOBAL STYLES
   All custom overrides go here. Divi's own styles load first,
   then this file is enqueued on top via functions.php.
   ============================================================ */

/* ============================================================
   BRAND VARIABLES ONLY
   These are CSS custom properties — they don't change any
   visual output by themselves. They're referenced by the
   location landing page template and any future custom CSS
   you write. Divi's own styles are completely untouched.
   ============================================================ */
:root {
  --atg-coral:     #FC636B;
  --atg-gold:      #FFB900;
  --atg-teal:      #19AFD0;
  --atg-navy:      #1E4386;
  --atg-purple:    #6A67CE;
  --atg-mint:      #3BE8B0;
  --atg-white:     #ffffff;
  --atg-offwhite:  #F7F9FC;
  --atg-text:      #1a2a4a;
  --atg-muted:     #6b7a96;
  --atg-border:    #E4EAF4;
  --atg-shadow:    0 8px 40px rgba(30, 67, 134, 0.10);
  --atg-radius:    16px;
  --atg-ff-head:   'League Spartan', sans-serif;
  --atg-ff-body:   'Libre Baskerville', serif;
}

/* ============================================================
   LOCATION LANDING PAGE — scoped utility classes
   These only apply inside .atg-location-page so they can
   never bleed into the rest of the site.
   ============================================================ */

/* Trust pill badges */
.atg-location-page .atg-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 700;
  font-family: var(--atg-ff-head);
}
.atg-location-page .atg-pill--coral  { background: rgba(252,99,107,.10); color: var(--atg-coral); }
.atg-location-page .atg-pill--teal   { background: rgba(25,175,208,.10); color: var(--atg-teal); }
.atg-location-page .atg-pill--navy   { background: rgba(30,67,134,.08);  color: var(--atg-navy); }
.atg-location-page .atg-pill--gold   { background: rgba(255,185,0,.12);  color: #9a6e00; }

/* Admin bar offset for the hero section */
.admin-bar .atg-hero { padding-top: calc(72px + 32px); }

/* ============================================================
   ADD YOUR OWN OVERRIDES BELOW THIS LINE
   Only add rules here when you intentionally want to change
   something site-wide. Scope them tightly to avoid conflicts
   with Divi's builder styles.
   Example:
     .et_pb_section.my-custom-section { background: #fff; }
   ============================================================ */