﻿/*
Theme Name:   Enkiponics
Theme URI:    https://enkiponics.de
Description:  HydroHof Child Theme für Enkiponics.de – basierend auf Twenty Twenty
Author:       HydroHof
Author URI:   https://enkiponics.de
Template:     twentytwenty
Version:      1.0.3
Text Domain:  enkiponics
*/

/* ==========================================================================
   HydroHof Farbpalette (Quelle: Pitch-Unterlagen / Logo)
   #4F8DA4  Primär-Teal
   #5CA7C5  Helles Blau (Wassertropfen)
   #B4CA66  Gelbgrün (Blatt/Pflanze)
   #BFD6DE  Teal Hell
   #585958  Dunkelgrau (Text)
   ========================================================================== */

:root {
--enkiponics-primary:       #4F8DA4;
--enkiponics-primary-dark:  #3d6f82;
--enkiponics-primary-light: #5CA7C5;
--enkiponics-accent:        #B4CA66;
--enkiponics-accent-dark:   #8fa83a;
--enkiponics-teal-light:    #BFD6DE;
--enkiponics-text:          #585958;
}

/* ==========================================================================
   Twenty Twenty gibt Akzentfarbe #cd2653 als inline <style> in den <head>
   aus (nach dem externen Stylesheet). Deshalb brauchen wir !important,
   um die normalen Inline-Deklarationen zu überschreiben.
   ========================================================================== */

a,
.color-accent,
.color-accent-hover:hover,
.color-accent-hover:focus {
color: var(--enkiponics-primary) !important;
}

a:hover,
a:focus {
color: var(--enkiponics-primary-light) !important;
}

/* Menü-Links */
body:not(.overlay-header) .primary-menu > li > a,
body:not(.overlay-header) .primary-menu > li > .icon,
.modal-menu a,
.footer-menu a,
.footer-widgets a:where(:not(.wp-block-button__link)),
.singular:not(.overlay-header) .entry-header a,
.archive-header a,
.header-footer-group .color-accent,
.header-footer-group .color-accent-hover:hover {
color: var(--enkiponics-primary) !important;
}

/* Seitentitel: normale Textfarbe, kein Underline */
.site-title a,
.site-title a:visited,
.site-title a:hover,
.site-title a:focus {
	color: inherit !important;
	text-decoration: none !important;
}

/* Suche- und Menü-Toggle-Buttons: kein Hintergrund */
.toggle,
.search-toggle,
.nav-toggle,
.close-nav-toggle,
button.toggle {
	background-color: transparent !important;
	background: none !important;
}

.toggle:hover,
.toggle:focus,
.search-toggle:hover,
.search-toggle:focus,
.nav-toggle:hover,
.nav-toggle:focus {
	background-color: transparent !important;
	background: none !important;
}

/* Buttons sollen Teal bleiben, nicht Gelbgrün-Pflanze – nur Farbe korrigieren */
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bg-accent,
.comment-reply-link {
background-color: var(--enkiponics-primary) !important;
}

.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
.comment-reply-link:hover {
background-color: var(--enkiponics-primary-dark) !important;
}

/* Blockquote- und Border-Akzente */
blockquote,
.border-color-accent {
border-color: var(--enkiponics-primary) !important;
}
