/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
/* =========================================================
   Genusswelt / Enfold Look – nach deinen Entwürfen
   Paste into: Enfold > General Styling > Quick CSS
   ========================================================= */

/* ---------- Farbvariablen ---------- */
:root{
  --gw-green: #374E20;      /* dunkles Grün (Headlines/Logo) */
  --gw-green-2: #BBCD49;    /* helles Grün (Highlights) */
  --gw-orange: #DA821A;     /* Buttons/Badges */
  --gw-paper: #F6F1EA;      /* Papier-Hintergrund */
  --gw-paper-2: #EFE6DB;    /* leicht dunkler */
  --gw-text: #2F2A22;       /* Text */
  --gw-muted: #6F665B;      /* Secondary text */
  --gw-card: #FFFFFF;       /* Card */
  --gw-shadow: 0 10px 26px rgba(0,0,0,.10);
  --gw-shadow-soft: 0 8px 18px rgba(0,0,0,.08);
  --gw-radius: 14px;
}

/* ---------- Grundlook / Papier ---------- */
#top{
  color: var(--gw-text);
  background: var(--gw-paper);
}

/* subtiler „Papier“-Look ohne Bild (leichte Körnung via Gradients) */
html #top{
  background-image:
    radial-gradient(circle at 20% 10%, rgba(0,0,0,.03), transparent 42%),
    radial-gradient(circle at 80% 30%, rgba(0,0,0,.025), transparent 46%),
    radial-gradient(circle at 40% 80%, rgba(0,0,0,.02), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0));
  background-attachment: fixed;
}

/* ---------- Typo ---------- */
#top h1, #top h2, #top h3, #top h4{
  color: var(--gw-green);
  letter-spacing: .2px;
}

#top p, #top li{
  color: var(--gw-text);
}

/* ---------- Header / Navigation (clean & leicht) ---------- */
#header{
  background: transparent;
  box-shadow: none;
}

#header_main{
  background: transparent;
}

#top #header .av-main-nav > li > a{
  color: var(--gw-text);
  font-weight: 600;
}

#top #header .av-main-nav > li > a:hover{
  color: var(--gw-green);
}

/* ---------- Buttons (Orange wie im Entwurf) ---------- */
#top .avia-button,
#top a.avia-button,
#top input[type="submit"],
#top button[type="submit"]{
  background: var(--gw-orange) !important;
  border-color: transparent !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 22px rgba(218,130,26,.22);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

#top .avia-button:hover,
#top input[type="submit"]:hover,
#top button[type="submit"]:hover{
  transform: translateY(-1px);
  filter: brightness(0.98);
  box-shadow: 0 14px 28px rgba(218,130,26,.26);
}

/* ---------- Badges (30 Min / Einfach / Vegan) ---------- */
.gw-badges .gw-badge,
.gw-badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #E9E0D5;
  color: var(--gw-text);
  border-radius: 999px;
  padding: 7px 12px;
  font-weight: 700;
  font-size: 13px;
  margin-right: 8px;
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}

/* optional: Badge-Variante in Hellgrün */
.gw-badge.is-green{
  background: rgba(187,205,73,.35);
  color: var(--gw-green);
}


/* ---------- Hero (Startseite) ---------- */
.gw-hero{
  position: relative;
}

.gw-hero .avia_textblock p{
  color: var(--gw-muted);
  font-size: 18px;
  line-height: 1.55;
}



/* ---------- Rezeptseite: Hero + „grüne Welle“ ---------- */
.gw-recipe-hero{
  position: relative;
}

/* grüne Wellenkante (unten) – optisch nah am Mockup */
.gw-recipe-hero:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height: 64px;
  background:
    radial-gradient(90px 60px at 10% 0%, rgba(187,205,73,.95) 60%, transparent 61%),
    radial-gradient(120px 70px at 35% 10%, rgba(187,205,73,.85) 60%, transparent 61%),
    radial-gradient(130px 70px at 60% 0%, rgba(187,205,73,.92) 60%, transparent 61%),
    radial-gradient(110px 70px at 85% 12%, rgba(187,205,73,.82) 60%, transparent 61%),
    linear-gradient(180deg, rgba(187,205,73,.95), rgba(187,205,73,.95));
  filter: saturate(1.05);
  pointer-events: none;
}

/* Rezept-Body: 2 Spalten optisch wie Kartenbereich */
.gw-recipe-body .flex_column{
  background: rgba(255,255,255,.65);
  border-radius: var(--gw-radius);
  box-shadow: var(--gw-shadow-soft);
  padding: 18px 18px;
  border: 1px solid rgba(0,0,0,.04);
}

/* Überschriften-Balken „Zutaten“ */
.gw-titlebar h2,
.gw-recipe-body h2{
  display: inline-block;
  padding: 10px 16px;
  background: rgba(187,205,73,.45);
  border-radius: 12px;
}

/* Nummerierte Anleitung: schöner Abstand */
.gw-recipe-body ol{
  margin-left: 20px;
}
.gw-recipe-body ol li{
  padding: 10px 0;
  border-bottom: 1px dashed rgba(0,0,0,.10);
}
.gw-recipe-body ol li:last-child{
  border-bottom: none;
}

/* Zutatenliste: Check-Style */
.gw-recipe-body ul{
  list-style: none;
  padding-left: 0;
}
.gw-recipe-body ul li{
  position: relative;
  padding: 9px 0 9px 28px;
  border-bottom: 1px dashed rgba(0,0,0,.10);
}
.gw-recipe-body ul li:before{
  content:"✓";
  position:absolute;
  left: 0;
  top: 7px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(187,205,73,.55);
  color: var(--gw-green);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  font-size: 13px;
}
.gw-recipe-body ul li:last-child{
  border-bottom: none;
}

/* „Tipps & Hinweise“-Box */
.gw-hints{
  background: rgba(239,230,219,.75);
  border-radius: var(--gw-radius);
  box-shadow: var(--gw-shadow-soft);
  border: 1px solid rgba(0,0,0,.04);
  padding: 16px 18px;
}

/* ---------- Newsletter ---------- */
.gw-newsletter input[type="email"],
.gw-newsletter input[type="text"]{
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  padding: 12px 14px !important;
  background: rgba(255,255,255,.9) !important;
}

/* ---------- Footer clean ---------- */
#socket .sub_menu_socket, #socket .social_bookmarks {
	right:40%;
	position: relative;
}

#socket .copyright,
#socket a{
  color: var(--gw-muted) !important;
}