/* 
Theme Name:		 Textilfärberei Hirschhorn
Theme URI:		 http://childtheme-generator.com/
Description:	 Textilfärberei Hirschhorn is a child theme of Driven, created by ChildTheme-Generator.com
Author:			 Frank Kugler
Author URI:		 http://childtheme-generator.com/
Template:		 driven
Version:		 1.0.0
Text Domain:	 tfh
*/


/*
    Add your custom styles here
*/

/* WPML Switcher: keine Hintergründe/Abstände */
.tfh-lang-switcher .wpml-ls {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Navigation Hover: Stärkerer Hover-Effekt auf grünem Header */
.is-style-main-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:hover,
.is-style-main-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:focus,
.is-style-main-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:active {
  opacity: 1;
  color: rgba(255, 255, 255, 0.7);
}

/* 
 * WPForms Styling für dunkle Hintergründe 
 * ---------------------------------------
 * Passt das Formular an den "Dark Background" Block an.
 * Nutzt Theme-Variablen für Farben (Grün/Gold/Rot Varianten).
 */

/* Container Anpassungen */
.wpforms-container {
  padding: 0;
  margin: 0;
}

/* Labels: Weiß für Lesbarkeit auf dunklem Grund */
.wpforms-container .wpforms-field-label {
  color: var(--wp--preset--color--white, #ffffff) !important;
  font-weight: bold;
  font-family: var(--wp--preset--font-family--roboto, sans-serif);
}

/* Sublabels / Hinweise: Leicht transparentes Weiß */
.wpforms-container .wpforms-field-sublabel,
.wpforms-container .wpforms-field-description {
  color: var(--wp--preset--color--white, #ffffff) !important;
  opacity: 0.8 !important;
}

/* Input Felder: Weißer Hintergrund, dunkler Text */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container textarea,
.wpforms-container select {
  background-color: var(--wp--preset--color--white, #ffffff) !important;
  color: #202020 !important;
  border: 1px solid transparent;
  border-radius: 0;
  /* Eckig, passend zum Theme */
  padding: 10px 15px;
  font-family: var(--wp--preset--font-family--roboto, sans-serif);
  font-size: var(--wp--preset--font-size--small, 16px);
}

/* Input Focus State */
.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
  border-color: var(--wp--preset--color--primary, #e34333);
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

/* Submit Button: Primärfarbe des Themes */
.wpforms-container .wpforms-submit-container button.wpforms-submit {
  background-color: var(--wp--preset--color--primary, #e34333) !important;
  color: var(--wp--preset--color--white, #ffffff) !important;
  border: none;
  border-radius: 0;
  padding: 12px 24px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  font-size: var(--wp--preset--font-size--normal, 18px);
  width: auto;
  /* Oder 100% wenn gewünscht */
}

/* Submit Button Hover: Sekundärfarbe */
.wpforms-container .wpforms-submit-container button.wpforms-submit:hover,
.wpforms-container .wpforms-submit-container button.wpforms-submit:focus {
  background-color: var(--wp--preset--color--secondary, #c92919) !important;
  cursor: pointer;
}

/* Error Messages / Validation */
.wpforms-container label.wpforms-error {
  color: #ffcccc !important;
  /* Helles Rot für Fehler auf dunklem Grund */
}

.wpforms-container input.wpforms-error,
.wpforms-container textarea.wpforms-error {
  border: 2px solid #ffcccc !important;
}