/*
 Theme Name: Enfold Child (Kai Brand – Local Fonts)
 Theme URI: https://kriesi.at/themes/enfold/
 Description: Enfold Child Theme mit lokalen Fonts (Space Grotesk) & Markenfarben
 Author: Kai
 Template: enfold
 Version: 1.3
 Text Domain: enfold-child-kai
*/

/* =====================================================
   Lokale Fonts – Space Grotesk (WOFF2)
   Lege die Dateien in /fonts/:
   - SpaceGrotesk-VariableFont_wght.woff2  (empfohlen)
   Optional statisch:
   - SpaceGrotesk-Regular.woff2
   - SpaceGrotesk-Medium.woff2
   - SpaceGrotesk-SemiBold.woff2
   - SpaceGrotesk-Bold.woff2
   ===================================================== */

@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/SpaceGrotesk-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/SpaceGrotesk-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/SpaceGrotesk-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/SpaceGrotesk-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/SpaceGrotesk-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/SpaceGrotesk-VariableFont_wght.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk Fallback';
  src: local('Arial');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =====================================================
   Farb-Variablen (aus Brand-Guide)
   ===================================================== */
:root{
  --kai-orange:#FF8200;
  --black:#000000;
  --white:#FFFFFF;
  --vibrant-red:#DB4727;
  --workout-blue:#D5E6ED;
  --sky-blue:#89F6FD;
  --sky-blue-dark:#5EDBE8;
}

html, body, #wrap_all{
  font-family: 'Space Grotesk','Space Grotesk Fallback', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #222;
}

h1, h2, h3, h4, h5, h6{
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--black);
}

/* Links & Akzente */
a{ color: var(--kai-orange); text-decoration:none; }
a:hover{ color:#cc6700; }

/* Buttons – Türkis-Gradient */
.avia-button, .button, .submit, input[type=submit], .avia-ajax-form-btn{
  background-image: linear-gradient(135deg, var(--sky-blue) 0%, var(--sky-blue-dark) 100%);
  border: none;
  color: var(--black) !important;
  font-weight: 700;
  border-radius: 6px;
  padding: 14px 22px;
  transition: transform .06s ease-in-out, filter .2s ease;
}
.avia-button:hover, .button:hover, .submit:hover, input[type=submit]:hover{
  filter: brightness(.95);
  transform: translateY(-1px);
}
.kai-btn-orange{ background: var(--kai-orange) !important; color: var(--white) !important; }
.kai-btn-orange:hover{ background:#e67300 !important; }

/* Header / Menü */
.header_color .main_menu a, .header_color .menu li a{ font-weight:600; }
.header_color .logo img{ max-height:70px; }

/* Sektionen & Footer */
.avia-section{ padding:80px 0; }
#footer, #socket{ background: var(--black); color:#f2f2f2; }
#footer a, #socket a{ color: var(--kai-orange); }
#socket{ border-top: 1px solid rgba(255,255,255,.08); }

/* Badges */
.badge, .tagcloud a{
  background: var(--workout-blue);
  color:#123;
  border-radius: 999px;
  padding:6px 12px;
  display:inline-block;
}

/* Formulare */
input, textarea, select{ border-radius:6px; }