/*
 Theme Name:   wirkt.ai
 Theme URI:    https://wirkt.ai
 Description:  Neve Child Theme für wirkt.ai — KI und Automatisierung für den Mittelstand
 Author:       wirkt.ai
 Author URI:   https://wirkt.ai
 Template:     neve
 Version:      1.0.0
 Text Domain:  wirkt-ai
*/

/* ============================================
   wirkt.ai Brand auf Neve
   
   Neve nutzt CSS Custom Properties für seine
   globale Farbpalette. Dieses Child Theme
   überschreibt sie mit den wirkt.ai Farben.
   ============================================ */

:root {
	/* --- wirkt.ai Palette --- */
	--wirkt-navy:       #0F1F3D;
	--wirkt-teal-dark:  #0D4F4A;
	--wirkt-teal-mid:   #0D9488;
	--wirkt-teal-light: #2DD4BE;
	--wirkt-teal-bg:    #E1F5EE;
	--wirkt-slate:      #64748B;
	--wirkt-border:     #DDDFE3;

	/* --- Neve Global Color Palette Override --- */
	--nv-primary-accent:  #0D9488;
	--nv-secondary-accent:#0D4F4A;
	--nv-site-bg:         #FFFFFF;
	--nv-light-bg:        #E1F5EE;
	--nv-dark-bg:         #0F1F3D;
	--nv-text-color:      #0F1F3D;
	--nv-text-dark-bg:    #FFFFFF;
	--nv-c-1:             #0D9488;
	--nv-c-2:             #0D4F4A;
}

/* --- Typografie --- */
body,
.nv-content-wrap {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	color: var(--wirkt-navy);
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.nv-title-meta-wrap .entry-title {
	font-family: Georgia, serif;
	color: var(--wirkt-navy);
}

/* --- Links --- */
a,
.entry-content a {
	color: var(--wirkt-teal-mid);
	transition: color 0.2s ease;
}
a:hover,
a:focus,
.entry-content a:hover {
	color: var(--wirkt-teal-light);
}

/* --- Buttons (primär) --- */
.button,
.wp-block-button__link,
.nv-button,
input[type="submit"],
button[type="submit"],
.wc-block-components-button {
	background-color: var(--wirkt-teal-mid) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 6px;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	transition: background-color 0.2s ease;
}
.button:hover,
.wp-block-button__link:hover,
.nv-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
	background-color: var(--wirkt-teal-dark) !important;
	color: #fff !important;
}

/* --- Buttons (outline) --- */
.is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--wirkt-teal-mid) !important;
	border: 2px solid var(--wirkt-teal-mid) !important;
}
.is-style-outline .wp-block-button__link:hover {
	color: var(--wirkt-teal-dark) !important;
	border-color: var(--wirkt-teal-dark) !important;
	background: transparent !important;
}

/* --- Header --- */
.hfg_header,
header.header {
	font-family: 'Inter', sans-serif;
}
.hfg_header .nv-nav-wrap > ul > li > a {
	font-weight: 500;
	color: var(--wirkt-navy);
}
.hfg_header .nv-nav-wrap > ul > li > a:hover,
.hfg_header .nv-nav-wrap > ul > li.current-menu-item > a {
	color: var(--wirkt-teal-mid);
}

/* Header CTA Button */
.header-button .button,
.hfg_header .button {
	background-color: var(--wirkt-teal-mid) !important;
	color: #fff !important;
	border-radius: 6px;
	font-weight: 500;
}
.header-button .button:hover,
.hfg_header .button:hover {
	background-color: var(--wirkt-teal-dark) !important;
}

/* --- Footer --- */
.hfg_footer,
footer.hfg_footer,
.site-footer {
	background-color: var(--wirkt-teal-dark) !important;
	color: rgba(255,255,255,0.6);
}
.hfg_footer h1, .hfg_footer h2,
.hfg_footer h3, .hfg_footer h4,
.hfg_footer .widget-title,
.site-footer .widget-title {
	color: var(--wirkt-teal-light) !important;
}
.hfg_footer a,
.site-footer a {
	color: var(--wirkt-teal-light) !important;
	transition: color 0.2s ease;
}
.hfg_footer a:hover,
.site-footer a:hover {
	color: #fff !important;
}
.hfg_footer p,
.hfg_footer .widget li,
.site-footer p {
	color: rgba(255,255,255,0.6);
}
.hfg_footer .footer--row,
.site-footer .footer--row {
	border-top-color: rgba(255,255,255,0.1);
}
/* Copyright-Zeile */
.hfg_footer .footer-copyright,
.hfg_footer .copyright,
.footer-bottom-inner {
	color: rgba(255,255,255,0.35) !important;
}

/* --- Sektions-Hilfsklassen --- */

/* Navy-Sektion (Hero, CTA, Social Proof) */
.wirkt-navy {
	background-color: var(--wirkt-navy) !important;
	color: #fff !important;
}
.wirkt-navy h1, .wirkt-navy h2,
.wirkt-navy h3, .wirkt-navy h4 {
	color: #fff !important;
}
.wirkt-navy p {
	color: rgba(255,255,255,0.75) !important;
}
.wirkt-navy a {
	color: var(--wirkt-teal-light) !important;
}
.wirkt-navy a:hover {
	color: #fff !important;
}
.wirkt-navy .wp-block-button__link,
.wirkt-navy .button {
	background-color: var(--wirkt-teal-light) !important;
	color: var(--wirkt-navy) !important;
}
.wirkt-navy .wp-block-button__link:hover,
.wirkt-navy .button:hover {
	background-color: #fff !important;
	color: var(--wirkt-navy) !important;
}

/* Teal BG Sektion (Steps, Zielgruppe, Callouts) */
.wirkt-teal-bg {
	background-color: var(--wirkt-teal-bg) !important;
}
.wirkt-teal-bg h2, .wirkt-teal-bg h3 {
	color: var(--wirkt-teal-dark) !important;
}
.wirkt-teal-bg p {
	color: var(--wirkt-teal-dark) !important;
}

/* Teal-Akzentbalken links (Brand Guide) */
.wirkt-accent-left {
	border-left: 3px solid var(--wirkt-teal-mid);
	padding-left: 1.25rem;
	border-radius: 0;
}

/* Karten mit Hover-Effekt */
.wirkt-card {
	border: 1px solid var(--wirkt-border);
	border-radius: 8px;
	padding: 1.5rem;
	transition: border-color 0.2s ease;
}
.wirkt-card:hover {
	border-color: var(--wirkt-teal-mid);
}

/* Große Kennzahl (Social Proof) */
.wirkt-stat {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--wirkt-teal-light);
	font-family: Georgia, serif;
	line-height: 1.2;
}

/* Hero mit Hintergrundbild + Navy-Overlay */
.wirkt-hero-overlay {
	position: relative;
	background-size: cover;
	background-position: center;
}
.wirkt-hero-overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(15, 31, 61, 0.75);
	z-index: 0;
}
.wirkt-hero-overlay > * {
	position: relative;
	z-index: 1;
}

/* --- Formulare --- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select {
	border: 1px solid var(--wirkt-border);
	border-radius: 6px;
	transition: border-color 0.2s ease;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
	border-color: var(--wirkt-teal-mid);
	outline: none;
	box-shadow: 0 0 0 2px rgba(13,148,136,0.15);
}

/* --- Blog Meta --- */
.nv-meta-list li,
.nv-meta-list a {
	color: var(--wirkt-slate);
}

/* --- Scroll to Top --- */
.neve-scroll-to-top {
	background-color: var(--wirkt-teal-mid);
	border-radius: 6px;
}
.neve-scroll-to-top:hover {
	background-color: var(--wirkt-teal-dark);
}