/*
Theme Name: Pixgraphy Child
Template: pixgraphy
Description: Child-Theme für Pixgraphy mit saisonalen Designs (Halloween, später Weihnachten).
Version: 1.0.0
Text Domain: pixgraphy-child
*/

/* Eigene dauerhafte Anpassungen (unabhängig von der Jahreszeit) kommen hierhin.
   Die saisonalen Stile liegen in /seasons/. */

/* Family Lightbox (Plugin): Standardfarben von Pixgraphy, wenn gerade keine Jahreszeit aktiv ist.
   Während einer Jahreszeit setzt seasons/base.css die Farben der Jahreszeit. */
:root {
	--fl-accent: #ff3838;
	--fl-accent-hover: #747474;
	--fl-bar: #1d1d1d;
}

/* Suchsymbol in der Menüleiste auch am Handy.
   Das Parent-Theme blendet es bei Fensterbreiten bis 767 px aus (responsive.css: ".header-search { display: none }").
   Hier steht es rechts in der Leiste, etwas größer als am Desktop, damit man es gut antippen kann. */
@media only screen and (max-width: 767px) {
	.header-search,
	.header-search-x {
		display: block;
		margin: 0;
		padding: 0 16px;
		height: 52px;
		line-height: 52px;
		font-size: 18px;
	}
}

/* ---------- Kompakteres Layout: weniger Leerraum, mehr Platz für die Bilder ----------
   Die Werte des Parent-Themes stehen in Klammern. Zum Lockern einfach die Zahlen erhöhen. */

/* Abstand zwischen Navigation und Inhalt (70px oben, 30px unten) */
#content,
.search #content {
	padding-top: 22px;
	padding-bottom: 8px;
}

/* Seitentitel und Pfad (30px Abstand darunter) */
.page-header {
	padding-bottom: 12px;
}
.page-title {
	font-size: 22px;
	line-height: 28px;
}

/* Zeile mit Autor und Datum (10px Abstand darunter) */
.entry-header {
	padding-bottom: 4px;
}
.entry-meta .entry-format,
.entry-meta .author,
.entry-meta .posted-on,
.entry-meta .comments,
.entry-meta .gallery {
	margin-bottom: 0;
}

/* Abstände rund um Bild und Text (Bild 30px, Absatz 20px, Beitrag 40px) */
.post-featured-image {
	margin-bottom: 14px;
}
.entry-content {
	margin-bottom: 8px;
}
.entry-content p {
	margin-bottom: 14px;
}
.post,
.single #main .post {
	padding-bottom: 16px;
}

/* Kategorie-Zeile und "Vorheriger / Nächster Beitrag" unter dem Beitrag (15px / 50px / 20px) */
.entry-footer {
	padding-top: 8px;
}
#main ul.default-wp-page,
.wp-pagenavi {
	margin: 16px 0;
}
ul.default-wp-page li {
	padding-bottom: 8px;
}

/* Autor und Datum im Bildraster immer anzeigen.
   Das Parent-Theme blendet den Text bei Fensterbreiten bis 1300 px aus (responsive.css) und zeigt nur die Symbole. */
#post_masonry .has-post-thumbnail .entry-header .entry-meta a {
	color: #fff;
	font: inherit;
}

/* Bildanzahl hinter dem Datum auf den Kacheln */
.pixary-image-count {
	margin-left: 10px;
	white-space: nowrap;
}
.pixary-image-count i {
	font-size: 13px;
}

/* Link "Zurück zur Kategorie" über dem Beitrag (vorher inline: 1em Abstand oben und unten) */
.entry-content p.category-back-link-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 16px;
	margin: 0 0 8px;
}
.category-back-link,
.category-back-label {
	display: inline-block;
	font-weight: bold;
}
.category-back-link[hidden] {
	display: none;
}
/* Mit Link zur Übersicht stehen die Kategorien ohne eigenen Pfeil dahinter */
.category-back-link-wrap.has-list .category-back-arrow {
	display: none;
}

/* "Nach oben"-Button und Zeitstrahl-Plugin nicht übereinander.
   Handy: Der runde Zeitstrahl-Button sitzt rechts unten (16 px Rand, 52 px groß), "Nach oben" rückt darüber.
   Der Button erscheint erst nach etwa 900 px Scrollen, der Platz wird aber immer freigehalten. */
@media (max-width: 781px) {
	.go-to-top {
		bottom: 80px;
		right: 13px;
	}
}
/* Desktop: Die Zeitstrahl-Leiste (92 px breit) liegt am rechten Rand, "Nach oben" rückt links daneben. */
@media (min-width: 782px) {
	body:has(.bzs:not(.bzs--left)) .go-to-top {
		right: 104px;
	}
}

/* Beim Sprung zu einem Beitrag in der Übersicht nicht unter der festen Navigation verschwinden */
article[id^="post-"] {
	scroll-margin-top: 80px;
}

/* Fußzeile mit Copyright (20px oben, 15px unten) */
.site-info {
	padding: 12px 0 10px;
}