/*
Theme Name:  evolve Child
Theme URI:   https://www.gesundheitsverein-oelde.de
Description: Child-Theme fuer evolve. Nimmt die Anpassungen auf, die bis 2026 direkt im Parent lagen und beim Update auf 4.3.7 verloren gingen.
Author:      DZ-Ecom
Template:    evolve
Version:     1.0.0
*/

/* ===========================================================================
   PORTIERTE ANPASSUNGEN
   ---------------------------------------------------------------------------
   Herkunft: Block "OWW Styles" am Ende der style.css von evolve 3.4.4,
   angelegt 2016. Beim Update auf 4.3.7 verloren, weil das Theme neu gebaut
   wurde (css/ und library/ ersetzt durch assets/, inc/, template-parts/).

   Jede Regel ist gegen das TATSAECHLICH ausgelieferte Markup von 4.3.7
   geprueft. Regeln ohne Ziel stehen unten unter "Entfallen" - mit Begruendung
   statt stillschweigend geloescht.
   =========================================================================== */

/* ---------------------------------------------------------------- Tabellen */

/*
 * Unveraendert uebernommen - generische Selektoren, gelten weiter.
 * Die Seiten nutzen Tabellen fuer Termin- und Preislisten; die Rahmen aus
 * Bootstrap wirken dort wie ein Formular.
 */
table,
tr,
td {
	border: none !important;
}

/* ------------------------------------------------------------ Beitragsbild */

/*
 * Unveraendert uebernommen. Die Klasse gibt es in 4.3.7 weiter, das Theme
 * bringt sogar eigene Hover-Effekte dafuer mit.
 */
.thumbnail-post {
	display: block;
	margin: 5px 0 15px;
	padding-left: 15px;
}

/* ------------------------------------------------------------- Beitragskopf */

/*
 * ALT: h1.entry-title { font-size: 40px; color: #3ea300; margin-top: 80px; }
 * NEU: die Ueberschrift heisst .post-title - `entry-title` kommt im Markup
 *      von 4.3.7 kein einziges Mal mehr vor.
 *
 * ACHTUNG, HIER STEHT EINE ENTSCHEIDUNG AN: der Customizer setzt .post-title
 * inzwischen auf 28px in Grau (#51545c). Diese Regel ueberstimmt das und
 * stellt den Stand von 2016 wieder her. Wer es lieber ueber die
 * Theme-Einstellungen loest, entfernt den Block hier und setzt Groesse und
 * Farbe unter "Design > Customizer > Typografie > Beitragstitel".
 *
 * Das !important stammt aus dem Original und ist weiterhin noetig, weil das
 * Customizer-CSS per wp_add_inline_style NACH diesem Stylesheet eingehaengt
 * wird (evolve/functions.php:435).
 */
h1.post-title {
	font-size: 40px !important;
	color: #3ea300 !important;
	margin-top: 80px !important;
	line-height: 1.2;
}

/* ------------------------------------------------------- Meta-Angaben */

/*
 * ALT: .author.vcard { display: none; }
 * Unveraendert - die Klasse existiert in 4.3.7 weiter
 * (<div class="col author vcard">).
 */
.author.vcard {
	display: none;
}

/*
 * ALT: .published { border-right: none; color: #3ea300; }
 * Unveraendert - <span class="published updated"> gibt es weiter.
 */
.published {
	border-right: none !important;
	color: #3ea300;
}

/*
 * ALT: .entry-categories { display: none; }
 * NEU: Kategorien stehen jetzt in .post-meta-footer, als Spalte mit dem
 *      Icon .icon-category. Es gibt keine eigene Klasse mehr, darum ueber
 *      das Icon auf die umgebende Spalte gezielt.
 */
.post-meta-footer .col:has(.icon-category) {
	display: none;
}

/*
 * ALT: .entry-footer { margin: 50px 0 0; }
 * NEU: heisst .post-meta-footer.
 */
.post-meta-footer {
	margin: 50px 0 0;
}

/* ------------------------------------------------------------- Beitraege */

/*
 * Unveraendert - .hentry gibt es in 4.3.7 weiter.
 */
.hentry {
	padding-bottom: 5px;
}

/* ===========================================================================
   ENTFALLEN - bewusst NICHT uebernommen
   ---------------------------------------------------------------------------
   .title-container { padding-top: 35px; }
       Kein Ziel mehr. Die Klasse kommt im Markup von 4.3.7 nicht vor; die
       Abstaende oberhalb des Inhalts regelt jetzt .content, das der
       Customizer bereits auf 2rem stellt.

   body #header.sticky-header img#logo-image { display: none; }
       Kein Ziel mehr. `logo-image` existiert im Markup nicht; der Sticky-
       Header von 4.3.7 arbeitet mit #sticky-title statt einem Logo-Bild.

   .content { padding-top: 0; }
   .content.home.blog { padding-top: 35px; }
       Kein Ziel mehr in dieser Form. .content gibt es, aber die
       Klassenkombination `home blog` wird nicht mehr ausgegeben, und der
       Customizer setzt das Polster bereits.

   #secondary a:hover { padding-left: 5px; }
       War schon im Original von 2016 auskommentiert.
   =========================================================================== */

/* ===========================================================================
   ANGLEICHUNG AN LIVE
   ---------------------------------------------------------------------------
   Nicht Teil der alten Anpassungen, sondern Folgen des Theme-Neubaus:
   4.3.7 liefert diese Stellen anders aus als 3.4.4. Alle Sollwerte sind am
   Live-System gemessen, nicht geschaetzt.
   =========================================================================== */

/* ------------------------------------------------------- Seitenhintergrund */

/*
 * Live: rgb(229,229,229). Das Parent-Theme setzt in seiner style.css (Zeile
 * 175) fest #ecebe9 - dafuer gibt es keine Einstellung im Customizer, also
 * gehoert es hierher.
 */
body {
	background-color: #e5e5e5;
}

/* ------------------------------------------------------------ Kopfbereich */

/*
 * TITEL EINZEILIG.
 *
 * Gemessen: der Vereinsname braucht bei 30px Tinos 788px. Die Titelspalte ist
 * aber `col-md-6`, also 585px - der Name brach auf zwei Zeilen um. Live stellt
 * ihm 737px zur Verfuegung und bleibt einzeilig.
 *
 * Statt fester Prozentwerte bekommt die Logospalte ihre natuerliche Breite
 * (das Logo misst 166px) und die Titelspalte den Rest. Damit passt es auch,
 * wenn Name oder Logo sich spaeter aendern.
 *
 * Erst ab 768px - darunter stapelt Bootstrap die Spalten ohnehin (col-sm-12).
 */
@media (min-width: 768px) {
	.header .row > .header-logo-container {
		flex: 0 0 auto;
		max-width: none;
		width: auto;
	}

	/*
	 * `0 1 auto`, NICHT `1 1 auto`: mit Wachstum nimmt sich der Titel die volle
	 * Reihenbreite und draengt das Logo in die naechste Zeile. Ohne Wachstum
	 * belegt er seine Inhaltsbreite (788px), das Logo bleibt daneben, und
	 * `justify-content: space-between` der Reihe schiebt es an den rechten Rand -
	 * so wie live.
	 */
	.header .row > .order-md-2 {
		flex: 0 1 auto;
		max-width: none;
		/*
		 * `width: auto` ist noetig, nicht optional: die Spalte traegt eine
		 * explizite Breite (gemessen 1170px). `flex-basis: auto` uebernimmt die
		 * und die Spalte bleibt trotz `flex-grow: 0` ueber die volle Reihe.
		 */
		width: auto;
	}
}

/* -------------------------------------------------------------- Brotkrumen */

/*
 * Live rahmt die Brotkrumen ein: Flaeche rgb(246,246,246), 8px Innenabstand,
 * 1px Rahmen in rgb(224,221,221). 4.3.7 nutzt Bootstraps `.breadcrumb` und
 * laesst sie voellig ungestaltet (transparent, 12px 0).
 */
.breadcrumb {
	background-color: #f6f6f6;
	border: 1px solid #e0dddd;
	padding: 8px;
}

/* ------------------------------------------------------------ Aufzaehlungen */

/*
 * WINKEL STATT NICHTS.
 *
 * 3.4.4 setzte `list-style-image` auf library/media/images/list-style.png -
 * einen 4x6 Pixel grossen grauen Winkel. 4.3.7 hat den gesamten Ordner
 * `library/` abgeschafft, die Grafik existiert dort nicht mehr, und die Listen
 * stehen seitdem ohne jedes Zeichen da (`list-style: none`).
 *
 * Die Datei liegt jetzt im Child-Theme - aus dem Backup uebernommen, nicht
 * nachgebaut: gleiche Pruefsumme wie das Original (e32348a7...).
 *
 * Eingeschraenkt auf den Fliesstext. Menues, Widgets und Galerien sind
 * ebenfalls Listen und sollen weiterhin ohne Zeichen bleiben.
 */
.post-content ul,
.post-content ul li,
.entry-content ul,
.entry-content ul li {
	list-style-image: url("assets/images/list-style.png");
}

.post-content ul,
.entry-content ul {
	padding-left: 1.2em;
}

/* ------------------------------------------------------ Slider-Beschriftung */

/*
 * Live setzt die Beschriftung weiss auf halbtransparentes Schwarz und nutzt
 * dafuer ein <h2>. 4.3.7 rendert ein <h5> - und der Customizer faerbt ALLE
 * Ueberschriften gruen (`h5 { color: #3ea300 }`). Auf dem dunklen Band war das
 * kaum zu lesen.
 *
 * `inherit` statt eines festen Weiss: die Beschriftung nimmt damit die Farbe
 * ihres Containers an. Wer die Bandfarbe spaeter im Customizer aendert, muss
 * hier nichts nachziehen.
 */
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6 {
	color: inherit;
}