/*
Theme Name:   Enfold Child - PioneerMakers
Theme URI:    https://2026.pioneermakers.com
Description:  Child Theme fuer Enfold, angepasst an das PioneerMakers-Branding (Farben, Schriften, Button-Stil). Enthaelt keine Seiteninhalte - die Homepage wird separat mit dem Avia Layout Builder aufgebaut.
Author:       LiveFRAME
Template:     enfold
Version:      1.0.0
Text Domain:  enfold-child-pioneermakers
*/

/* -----------------------------------------------------------
   1) Marken-Variablen (aus pioneermakers.com ausgelesen)
----------------------------------------------------------- */
:root {
	--pm-orange: #f46e20;      /* Haupt-Akzentfarbe (Logo, Buttons, Links) */
	--pm-dark: #141617;        /* Fliesstext-/Ueberschriftenfarbe */
	--pm-gray: #4f4f4f;        /* sekundaere Textfarbe (Untertitel) */
	--pm-font-heading: 'Poppins', Arial, Helvetica, sans-serif;
	--pm-font-body: 'Inter', Arial, Helvetica, sans-serif;
}

/* -----------------------------------------------------------
   2) Typografie
----------------------------------------------------------- */
body,
input,
textarea,
select {
	font-family: var(--pm-font-body);
	color: var(--pm-dark);
}

h1, h2, h3, h4, h5, h6,
.av-special-heading-tag {
	font-family: var(--pm-font-heading);
}

/* Grosse Hero-Ueberschriften: kraeftiger Schnitt (wie H1 auf pioneermakers.com) */
h1,
.av-special-heading-tag.av-font-huge {
	font-weight: 600;
	color: var(--pm-dark);
}

/* Untertitel/H2: sehr leichter Schnitt, graue Farbe (wie im Original) */
h2 {
	font-weight: 200;
	color: var(--pm-gray);
}

/* -----------------------------------------------------------
   3) Akzentfarbe (ersetzt Enfolds Standard-Highlight-Farbe)
   Hinweis: Die Hauptfarbe zusaetzlich unter
   Enfold > Theme-Optionen > Allgemeines Styling > Farben setzen,
   dann greifen auch alle Enfold-eigenen Elemente automatisch.
----------------------------------------------------------- */
#top a,
#top .av-active-color-hover:hover,
#top .main_menu ul:first-child > li > a:hover,
#top .main_menu ul:first-child > li.current-menu-item > a {
	color: var(--pm-orange);
}

#top .avia-button,
#top .av-icon_box-icon,
#top .av-social-link-icon,
#top .avia-icon-widget-name,
#top .avia-progress-bar .bar {
	background-color: var(--pm-orange) !important;
	border-color: var(--pm-orange) !important;
}

/* -----------------------------------------------------------
   4) Eckige statt runde Buttons (Original hat 0px border-radius)
----------------------------------------------------------- */
#top .avia-button,
#top .av-social-link-icon,
#top input[type="submit"],
#top .wpcf7-submit {
	border-radius: 0 !important;
}

/* -----------------------------------------------------------
   5) Header: heller/transparenter Look wie im Original
----------------------------------------------------------- */
#header_main {
	background-color: #ffffff;
}

/* -----------------------------------------------------------
   Ende - weitere Feinjustierungen (Abstaende, mobile Ansicht)
   am besten live auf 2026.pioneermakers.com vornehmen, sobald
   Enfold-eigene Klassen im Browser-Inspector sichtbar sind.
----------------------------------------------------------- */