/*
Theme Name:  Bauchgefühl Child
Theme URI:   https://bauchgefuehl-beratung.de
Description: Child Theme für Bauchgefühl – Ernährung & Wohlbefinden
Author:      Pascal Kusber-Juranek
Author URI:  https://bauchgefuehl-beratung.de
Template:    hello-elementor
Version:     1.0.0
Text Domain: bauchgefuehl-child
*/

/* ── GLOBALE FARBVARIABLEN ── */
:root {
  --teal:        #4E8C7A;
  --teal-dark:   #3a6b5c;
  --teal-light:  #6aab97;
  --teal-subtle: #e8f2ee;
  --beige:       #D4BC8A;
  --beige-light: #EDE0C4;
  --beige-dark:  #b89e66;
  --cream:       #F7F3EB;
  --cream-white: #FDFBF7;
  --text-dark:   #2c3e35;
  --text-mid:    #4a5e55;
}

/* ── BODY ── */
body {
  background-color: var(--cream-white);
  color: var(--text-dark);
  font-family: 'Jost', sans-serif;
}

/* ── LINKS ── */
a { color: var(--teal); }
a:hover { color: var(--teal-dark); }

/* ── ÜBERSCHRIFTEN ── */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif;
  color: var(--teal-dark);
}

/* ── ELEMENTOR BUTTONS ── */
.elementor-button {
  background-color: var(--teal) !important;
  color: var(--beige-light) !important;
  border-radius: 2px !important;
  letter-spacing: .12em;
  font-family: 'Jost', sans-serif;
  font-size: .85rem;
  text-transform: uppercase;
  transition: background .3s, transform .2s;
}
.elementor-button:hover {
  background-color: var(--teal-dark) !important;
  transform: translateY(-2px);
}

/* ── ELEMENTOR WIDGET ÜBERSCHRIFTEN ── */
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Cormorant Garamond', serif;
  color: var(--teal-dark);
}

/* ── ELEMENTOR INNER SECTION / CONTAINER ── */
.elementor-section.bg-teal {
  background-color: var(--teal) !important;
}
.elementor-section.bg-cream {
  background-color: var(--cream-white) !important;
}
.elementor-section.bg-beige {
  background-color: var(--beige-light) !important;
}
.elementor-section.bg-teal-subtle {
  background-color: var(--teal-subtle) !important;
}

/* ── NAVIGATION ── */
.site-header {
  background: rgba(253,251,247,.96) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(212,188,138,.25);
}
.main-navigation a {
  font-family: 'Jost', sans-serif;
  font-size: .82rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-mid) !important;
}
.main-navigation a:hover { color: var(--teal) !important; }

/* ── GOOGLE FONTS EINBINDEN ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── KARTEN / BOXES ── */
.bauchgefuehl-card {
  background: #fff;
  border: 1px solid rgba(78,140,122,.12);
  border-radius: 6px;
  padding: 2.5rem 2rem;
  box-shadow: 0 2px 12px rgba(78,140,122,.05);
  transition: box-shadow .3s, transform .3s;
  position: relative;
  overflow: hidden;
}
.bauchgefuehl-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--teal);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s;
}
.bauchgefuehl-card:hover {
  box-shadow: 0 12px 40px rgba(78,140,122,.13);
  transform: translateY(-4px);
}
.bauchgefuehl-card:hover::before { transform: scaleX(1); }

/* ── BLOG KARTEN ── */
.elementor-post__card {
  border: 1px solid rgba(78,140,122,.12) !important;
  border-radius: 4px !important;
  overflow: hidden;
  transition: box-shadow .3s, transform .3s !important;
}
.elementor-post__card:hover {
  box-shadow: 0 12px 40px rgba(78,140,122,.12) !important;
  transform: translateY(-3px) !important;
}

/* ── FORMULAR ── */
.elementor-form input,
.elementor-form select,
.elementor-form textarea {
  background: #fff !important;
  border: 1px solid rgba(78,140,122,.2) !important;
  border-radius: 2px !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  color: var(--text-dark) !important;
}
.elementor-form input:focus,
.elementor-form textarea:focus {
  border-color: var(--teal) !important;
  background: var(--teal-subtle) !important;
}
.elementor-form .elementor-button {
  width: 100% !important;
}

/* ── TRENNLINIEN ── */
.elementor-divider-separator {
  border-color: var(--beige) !important;
}

/* ── FOOTER ── */
.site-footer {
  background-color: var(--teal-dark) !important;
  color: rgba(237,224,196,.6) !important;
  border-top: 1px solid rgba(212,188,138,.1);
}
.site-footer a { color: rgba(237,224,196,.6) !important; }
.site-footer a:hover { color: var(--beige) !important; }

/* ── SCROLL REVEAL ANIMATION ── */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}