/*
 Theme Name:     KingCom
 Theme URI:      https://fresherbreath.co.za
 Description:    FresherBreath Dental — Divi Child Theme
 Author:         FresherBreath
 Author URI:     https://fresherbreath.co.za
 Template:       Divi
 Version:        1.0.1
*/

/* =============================================================================
   FRESHERBREATH CHILD THEME — CUSTOM CSS
   All custom overrides go below. Organised by section.
   Changes tracked here keep the Divi theme updatable without losing customisation.
   =============================================================================

   SECTIONS:
   1. Global / Typography & CSS Variables
   2. Header & Navigation
   3. Blog & Post Cards
   4. Buttons & CTAs
   5. Homepage Sections
   6. Treatment / Landing Pages
   7. Footer
   8. Mobile / Responsive
   ============================================================================= */


/* =============================================================================
   1. GLOBAL / TYPOGRAPHY & CSS VARIABLES
   Migrated from Divi Customizer — tracked here for version control.
   Divi theme defaults: Font = Poppins, Body size = 16px
   ============================================================================= */

:root {
  /* Brand Colours */
  --fb-green:        #24b221;   /* primary accent / links */
  --fb-green-dark:   #1a8a1a;   /* hover state */
  --fb-white:        #ffffff;
  --fb-body-text:    #666666;   /* Divi default font colour */
  --fb-heading-text: #333333;   /* headings — slightly darker than body */
  --fb-light-bg:     #f8f8f8;   /* section backgrounds */

  /* Typography */
  --fb-font-family:  'Poppins', sans-serif;  /* matches Divi theme setting */
  --fb-body-size:    16px;
  --fb-h1-size:      44px;
  --fb-h2-size:      28px;
  --fb-h3-size:      28px;
  --fb-h4-size:      28px;
  --fb-h5-size:      24px;
  --fb-h6-size:      22px;
}

/* Headings — use Divi default font, standardised sizes */
h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2,
.et_pb_module h3, .et_pb_module h4,
.et_pb_module h5, .et_pb_module h6 {
  font-family: var(--fb-font-family);
  font-weight: 700;
}

h1 { font-size: var(--fb-h1-size); }
h2 { font-size: var(--fb-h2-size); }
h3 { font-size: var(--fb-h3-size); }
h4 { font-size: var(--fb-h4-size); }
h5 { font-size: var(--fb-h5-size); }
h6 { font-size: var(--fb-h6-size); }

/* Body copy */
body,
.et_pb_text,
.et_pb_blurb_description {
  font-family: var(--fb-font-family);
  font-size: var(--fb-body-size);
  color: var(--fb-body-text);
}

/* Links */
a { color: var(--fb-green); }
a:hover { color: var(--fb-green-dark); }


/* =============================================================================
   2. HEADER & NAVIGATION
   ============================================================================= */


/* =============================================================================
   3. BLOG & POST CARDS
   ============================================================================= */


/* =============================================================================
   4. BUTTONS & CTAs
   ============================================================================= */


/* =============================================================================
   5. HOMEPAGE SECTIONS
   ============================================================================= */


/* =============================================================================
   6. TREATMENT / LANDING PAGES
   ============================================================================= */


/* =============================================================================
   7. FOOTER
   ============================================================================= */


/* =============================================================================
   8. MOBILE / RESPONSIVE
   ============================================================================= */