/*
Theme Name:   Shelly Child
Theme URI:    http://shelly.merku.love/
Description:  Shelly Child Theme – Musikschule Piepmatz (enthält alle individuellen Anpassungen)
Author:       merkulove
Author URI:   https://1.envato.market/tf-merkulove
Template:     shelly
Version:      1.1.4-piepmatz.6
License:      Envato License
License URI:  https://1.envato.market/KYbje
Tags:         elementor, school, classes, teacher, event
Text Domain:  shelly-child
*/

/* ==========================================================================
   Individuelle Anpassungen Musikschule Piepmatz
   (übernommen aus dem manuell bearbeiteten shelly 1.0.10 style.css)
   ========================================================================== */

/* Farbschema: dunkles Marineblau für Text & Überschriften,
   warmer Creme-Hintergrund (statt 1.1.4-Defaults #494949 / #f5fcff) */
:root {
  --shelly-color-background: #fffbef;
  --shelly-color-text: #060039;
  --shelly-color-h1: #060039;
  --shelly-color-h2: #060039;
  --shelly-color-h3: #060039;
  --shelly-color-h4: #060039;
  --shelly-color-h5: #060039;
  --shelly-color-h6: #060039;
}

/* Contact Form 7: Bestätigungsmeldung nach Absenden sichtbar & abgerundet */
form.wpcf7-form.sent .wpcf7-response-output {
  display: block !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-radius: 6px;
  padding: 5px;
}

/* "Fächer"-Liste auf der Lehrer*innen-Einzelseite */
.teacher-subjects ul {
  padding-left: 0;
}

.teacher-subjects ul li {
  list-style-type: none;
}

/* Fächer-Chips im Stil der Kurs-Sidebar-Infos */
.teacher-subjects .teacher-info--category {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  font-family: var(--shelly-font-family-secondary);
  font-weight: 500;
  color: var(--shelly-color-secondary);
}

/* Preis in der Kurs-Sidebar: Euro-Zeichen statt Dollar-Icon */
.class-sidebar .widget-information .classes--price h6:before {
  content: "€";
}

/* Sanfter Übergang unterhalb von Titel/Breadcrumbs auf Seiten OHNE Beitragsbild
   (Über uns, Kontakt, Lehrer*innen …). Seiten mit Beitragsbild (z. B. Kurse)
   haben ihren eigenen Verlauf vom Theme und bleiben unberührt. */
.pager-section:not(.is-featured-image) + * {
  position: relative;
  padding-top: 6rem;
}

.pager-section:not(.is-featured-image) + *::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5rem;
  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
  pointer-events: none;
}