/*
 Theme Name:   Child-Theme Uniquos Digital Solions
 Description:  Child-Theme für Kunstraum Pfalz
 Tags: Blank, HTML5, CSS3
  Author:       Uniquos Development Team
  Template:     Divi
  Version:      1.23 Build 20260313
*/

/* ===== HEADER NAV ===== */

/* Alle Menüeinträge – unsichtbarer Rahmen als Platzhalter */
.et-l--header .et-menu .menu-item > a {
    border: 3px solid transparent !important;
    padding: 10px 10px !important;
    line-height: normal !important;
    height: auto !important;
}

/* Dropdown-Menüeintrag – mehr Platz rechts für den Pfeil */
.et-l--header .et-menu .menu-item-has-children > a {
    padding-right: 35px !important;
}

/* Dropdown-Pfeil Position */
.et-l--header .et-menu .menu-item-has-children > a:first-child:after {
    right: 10px !important;
}

.et-l--header .et-menu .menu-item {
    height: auto !important;
    align-self: center !important;
}

/* Aktiver Menüeintrag – Rahmen */
.et-l--header .et-menu .current-menu-item > a,
.et-l--header .et-menu .current_page_item > a {
    border-color: #B48A61 !important;
}

/* Hover-Effekt – dezenter Rahmen */
.et-l--header .et-menu .menu-item > a:hover {
    border-color: rgba(255, 255, 255, 0.3) !important;
}


/* ===== CONTACT FORM ===== */

/* Fehlermeldung */
.et-pb-contact-message p,
.et-pb-contact-message ul,
.et-pb-contact-message li {
    font-family: 'Nunito Sans', sans-serif; /* Deine Seitenschriftart */
    color: #fef9fa; /* Deine Standard-Textfarbe */
}

.et_pb_contact_form_label {
    font-family: 'Nunito Sans', sans-serif; /* Deine Seitenschriftart */
    color: #fef9fa; /* Deine Standard-Textfarbe */
}

/* ===== NEWSLETTER ANMELDUNG ===== */

/* Newsletter-Formular: Eingabefelder vereinheitlichen */
.tnp form input[type="text"],
.tnp form input[type="email"],
.tnp form input[type="tel"],
.tnp form input[type="name"],
.tnp form select,
.tnp form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  background-color: #574533;
  color: #fef9fa;
}

/* Placeholder lesbar machen */
.tnp form input::placeholder,
.tnp form textarea::placeholder {
  color: rgba(255,255,255,0.7);
}

/* Labels & Hinweistexte */
.tnp form label,
.tnp form .tnp-privacy-field,
.tnp form .tnp-field label {
  color: #ffffff;
}

.tnp form p a:hover,
.tnp form p a:focus {
  color: rgba(255,255,255,0.85);
}

.newsletter,
.newsletter p {
  color: #ffffff !important;
}

.newslette p {
  background-color: transparent !important; /* optional */
}


/* Optional: Checkbox/Privacy-Text nicht „dunkel hinterlegt“ wie Inputs */
.tnp form input[type="checkbox"] {
  width: auto;
  padding: 0;
  background: transparent;
}

/* Newsletter-Formular: Submit-Button */
.tnp form input[type="submit"],
.tnp form button[type="submit"],
.tnp form .tnp-submit {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;

  padding: 12px 16px;
  background-color: #574533;
  color: #ffffff;

  border-radius: 4px; /* falls ihr eckig wollt – sonst z.B. 4px */
  cursor: pointer;

  font-weight: 600;
  line-height: 1.2;
}

/* Hover */
.tnp form input[type="submit"]:hover,
.tnp form button[type="submit"]:hover,
.tnp form .tnp-submit:hover {
  background-color: #6a5540; /* etwas heller/dunkler als Basis */
}

/* Tastatur-Fokus (wichtig für Accessibility) */
.tnp form input[type="submit"]:focus,
.tnp form button[type="submit"]:focus,
.tnp form .tnp-submit:focus {
  outline: 2px solid rgba(255,255,255,0.8);
  outline-offset: 2px;
}

/* Disabled-Zustand (falls genutzt) */
.tnp form input[type="submit"]:disabled,
.tnp form button[type="submit"]:disabled,
.tnp form .tnp-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}




/* ===== FOOTER NAV ===== */

/* Aktiver Menüeintrag – Unterstreichung */
.et-l--footer .et-menu .current-menu-item > a,
.et-l--footer .et-menu .current_page_item > a {
    border: none !important;
    border-bottom: 3px solid #000 !important;
    padding-bottom: 5px !important;
}

/* Hover-Effekt – Unterstreichung */
.et-l--footer .et-menu .menu-item > a:hover {
    border: none !important;
    border-bottom: 3px solid rgba(0, 0, 0, 0.3) !important;
    padding-bottom: 5px !important;
}


/* Optional: Abstand zwischen Menüeinträgen erhöhen */
/*
.et-menu .menu-item {
    margin-left: 25px !important;
    margin-right: 25px !important;
}
*/