/*
Theme Name:   Sira Swiss Child
Template:     Divi
Version:      1.0.0
Author:       Sira Swiss
Description:  Child Theme für Sira Swiss – basiert auf Divi 5

  STRUKTUR:
  ─────────────────────────────────────────────
  style.css (diese Datei)
  → Globale Basis: Fonts, Farben, Buttons
  → Modul-Stile werden hier Schritt für Schritt ergänzt

  Global Header Template → CSS Feld im Theme Builder
  → Siehe: Global Header → Einstellungen → CSS

  Global Footer Template → CSS Feld im Theme Builder
  → Siehe: Global Footer → Einstellungen → CSS
  ─────────────────────────────────────────────
*/

@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');


/* ============================================
   DESIGN SYSTEM – VARIABLEN
   Farben und Grössen hier zentral anpassen.
   ============================================

   Primärfarbe (Grün):     #1B6B2F
   Hover Grün:             #145224
   Dunkelgrün (Footer):    #1A3A2A
   Mintgrün (Hero BG):     #E8F5E9
   Text Dunkel:            #1A1A1A
   Text Mittel:            #555555
   Text Hell:              #888888
   Border:                 #E0E0E0
   Hintergrund Hell:       #F8F9FA
   Schrift:                Inter (Google Fonts)

   ============================================ */


/* ============================================
   GLOBALE BASIS-STILE
   ============================================ */

body,
h1, h2, h3, h4, h5, h6,
.et_pb_text,
.et_pb_blurb,
.et_pb_button,
input, textarea, select {
  font-family: 'Inter', sans-serif !important;
}

/* Globale Akzentfarbe */
.green-text {
  color: #1B6B2F !important;
}

/* Section Labels (z.B. "ABOUT US", "WHY SIRA SWISS") */
.section-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  color: #1B6B2F !important;
  text-transform: uppercase !important;
}


/* ============================================
   GLOBALE BUTTONS
   Klasse "btn-primary" oder "btn-outline"
   im Divi Modul unter "CSS Klasse" eintragen
   ============================================ */

/* Primär Button (grün, gefüllt) */
.et_pb_button.btn-primary,
a.et_pb_button.btn-primary {
  background-color: #1B6B2F !important;
  border-color: #1B6B2F !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.et_pb_button.btn-primary:hover,
a.et_pb_button.btn-primary:hover {
  background-color: #145224 !important;
  border-color: #145224 !important;
}

/* Outline Button (transparent, grüner Rand) */
.et_pb_button.btn-outline,
a.et_pb_button.btn-outline {
  background-color: transparent !important;
  border: 2px solid #1B6B2F !important;
  color: #1B6B2F !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: none !important;
}
.et_pb_button.btn-outline:hover,
a.et_pb_button.btn-outline:hover {
  background-color: #1B6B2F !important;
  color: #ffffff !important;
}


/* ============================================
   MODUL-STILE
   Werden Schritt für Schritt ergänzt
   ============================================ */

/* 01 Hero Section        → folgt */
/* 02 About Section       → folgt */
/* 03 What Makes Us Diff  → folgt */
/* 04 Why Sira Matters    → folgt */
/* 05 Programs Section    → folgt */
/* 06 Impact Section      → folgt */
/* 07 Testimonials        → folgt */
/* 08 Team Section        → folgt */
/* 09 Vision Section      → folgt */
/* 10 Join Mission        → folgt */
/* 11 Contact Form        → folgt */
/* 12 Pre-Footer CTA      → folgt */