/*
Theme Name:   Wildmood Child
Template:     hello-elementor
Description:  Child-Theme mit DE/EN Zweisprachigkeit
Version:      1.2.0
Author:       Wildmood
Text Domain:  wildmood
*/

@import url("../hello-elementor/style.css");

/* CI-Farben */
:root {
  --warm-beige:  #F5F0EB;
  --tonerde:     #A47C61;
  --sage-green:  #AAB9A0;
  --terracotta:  #D3A29E;
  --dark-brown:  #4A3F36;
}

/* ============================
   HEADER: Logo zentriert, Menü rechts 
   ============================ */
.site-header {
  background: var(--warm-beige);
  padding: 1rem 0;
}
.wm-header-container {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.wm-logo { justify-self: center; }
.wm-nav-wrapper {
  display: flex;
  align-items: center;
  justify-self: end;
}
.wm-nav-wrapper .menu {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
}
.wm-nav-wrapper .menu li { margin: 0 1rem; }
.wm-nav-wrapper .menu li a {
  color: var(--dark-brown);
  text-decoration: none;
  font-weight: 500;
}
.wm-lang { margin-left: 0.5rem; }
.menu-toggle { display: none; }

/* ============================
   HERO: Background-Logo, Overlay, zentriert
   ============================ */
.wm-hero {
  position: relative;
  height: 80vh;
  background: url('https://wildmood.de/wp-content/uploads/2025/07/WILDMOOD.png') center/cover no-repeat;
}
.wm-hero-overlay {
  position: absolute; top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,0.3);
}
.wm-hero-content {
  position: relative; z-index:1;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  height: 100%; text-align: center;
  color: var(--dark-brown);
}
.wm-hero-content h1 {
  font-size: 3rem; margin-bottom: 1.5rem;
}
.wm-hero-buttons a {
  display: inline-block; padding: .75rem 1.5rem; margin: 0 .5rem;
  text-decoration: none; font-weight: 500; border-radius: 4px;
}
.btn-primary { background: var(--sage-green); color: #fff; }
.btn-secondary { background: var(--terracotta); color: #fff; }

/* ============================
   FEATURES
   ============================ */
.wm-features {
  display: flex; justify-content: space-around;
  padding: 4rem 1rem; background: #fff;
}
.feature-item {
  max-width: 300px; text-align: center;
}
.feature-item h3 { font-size: 1.5rem; margin-bottom: .5rem; }
.feature-item p { color: var(--dark-brown); line-height: 1.4; }

/* ============================
   FOOTER
   ============================ */
.site-footer {
  background: var(--dark-brown);
  color: var(--warm-beige);
  padding: 2rem 1rem;
  text-align: center;
}
.site-footer .footer-menu {
  list-style: none; margin: 0 0 1rem; padding: 0;
  display: flex; justify-content: center;
}
.site-footer .footer-menu li { margin: 0 1rem; }
.site-footer .footer-menu li a {
  color: var(--warm-beige); text-decoration: none; font-weight: 500;
}
.site-footer p { margin: .5rem 0 0; font-size: .9rem; }