/*
Theme Name: Divi Child – niklausvillalta.com
Template: Divi
Version: 1.0
Description: Child Theme für niklausvillalta.com (MBA Modul Website Design und Usability, FH des BFI Wien)
Author: Niklaus Villalta
*/

/* ---- Eigene Styles (Bauanleitung Kap. 12) ---- */

/* Eyebrow-Stil (H6 im Customizer definiert; hier Feinschliff) */
.nv-eyebrow, h6 { letter-spacing: .05em; text-transform: uppercase; color: #C9A24C; font-weight: 500; }

/* Buttons: Active + Fokus (WCAG-Pflicht) */
.et_pb_button:active { background: #8A6A24 !important; transform: none !important; }
.et_pb_button:focus-visible, a:focus-visible, button:focus-visible,
.et_pb_contact_form input:focus-visible, .et_pb_contact_form textarea:focus-visible {
  outline: 2px solid #F2F1EE !important; outline-offset: 2px; }

/* Hover-Anhebung Buttons und Tür-Karten */
.et_pb_button { transition: background .2s ease, transform .2s ease; }
.et_pb_button:hover { transform: translateY(-2px); }
.nv-card:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px #A47E2D; transition: transform .2s ease, box-shadow .2s ease; }

/* Checkliste mit goldenem Haken */
.nv-check ul { list-style: none; padding-left: 0; }
.nv-check li { position: relative; padding-left: 1.8em; margin-bottom: .5em; }
.nv-check li::before { content: "\2713"; position: absolute; left: 0; color: #A47E2D; font-weight: 700; }

/* Timeline (Werdegang Origin Story) */
.nv-timeline .et_pb_blurb { position: relative; padding-left: 32px; border-left: 2px solid rgba(164,126,45,.4); }
.nv-timeline .et_pb_blurb::before { content: ""; position: absolute; left: -7px; top: 8px; width: 12px; height: 12px; border-radius: 50%; background: #A47E2D; }

/* Hero-SVG: nie über die Spalte hinaus */
.nv-hero-svg svg { width: 100%; height: auto; display: block; }

/* Kontaktformular auf Dunkel */
.et_pb_contact_form input, .et_pb_contact_form textarea, .et_pb_contact_form select {
  background: #232323 !important; color: #F2F1EE !important; border: 1px solid rgba(242,241,238,.2) !important; border-radius: 4px; }
.et_pb_contact_form input:focus, .et_pb_contact_form textarea:focus { border-color: #A47E2D !important; }
.et_pb_contact_field_options_wrapper input[type=checkbox] { accent-color: #A47E2D; }

/* Reduced Motion: alle Divi-Animationen und Hover-Bewegungen aus (Folie 1.14, Motion-Konzept) */
@media (prefers-reduced-motion: reduce) {
  .et_animated, .et-waypoint { animation: none !important; opacity: 1 !important; transform: none !important; }
  .et_pb_button:hover, .nv-card:hover { transform: none !important; }
  .et_pb_number_counter .percent p { transition: none !important; }
  * { scroll-behavior: auto !important; }
}

/* Body-Grundfläche (Marke Nacht) */
/* body { background: #171617; } — deaktiviert fürs Layout-Basteln, 01.09. */

/* Illustrationen deckeln (Layout-Pack-Bilder nicht full-bleed) */
/* .et_pb_section_0 .et_pb_image img { max-width: 520px; height: auto; } */
/* .et_pb_section_3 .et_pb_image img { max-width: 440px; height: auto; } */