/*
Theme Name: Blocksy Child
Theme URI: https://www.schachbezirk-porta.de
Description: Child-Theme von Blocksy für den Schachbezirk Porta. Für eigene, update-sichere CSS-/PHP-Anpassungen.
Author: Schachbezirk Porta
Template: blocksy
Version: 1.0.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-child
*/

/* Eigene CSS-Anpassungen bitte unterhalb dieser Zeile ergänzen. */

/* Link-Hover-Farbe wie im alten Theme (dunkles Rot statt Blau).
   Betrifft normale Links und Menü-Hover (beide nutzen diese Variable). */
:root {
	--theme-link-hover-color: #461212;
}

/* Events-Manager: Termin-Überschriften/-Links dunkelrot statt blau.
   EM setzt color mit !important; meine Child-CSS lädt nach EMs CSS,
   bei gleichem Selektor gewinnt daher diese Regel. */
.em.pixelbones a {
	color: #461212 !important;
}

/* Sidebar: weißer, gut lesbarer Hintergrund.
   Ohne dies scheint das Seiten-Hintergrundbild durch die (transparente) Sidebar. */
#sidebar {
	background-color: #ffffff;
	padding: 20px 22px;
	border-radius: 4px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	/* Nur so hoch wie der Inhalt: Grid-Element sonst auf volle Spaltenhöhe gestreckt */
	align-self: start;
}

/* Textfarben in der Sidebar auf dunkel/lesbar setzen */
#sidebar,
#sidebar p,
#sidebar li,
#sidebar .widget-title {
	color: #222222;
}

#sidebar a {
	color: #1a1a1a;
}

#sidebar a:hover {
	color: #000000;
}

/* Inhaltsbereich auf Einzelseiten/-beiträgen und Einzel-Events
   (z. B. Vorstand, Impressum, Termine): weißer Hintergrund, sonst scheint
   das Seiten-Hintergrundbild durch. Deckt beide Container-Varianten ab
   (.ct-container mit Sidebar UND .ct-container-full ohne Sidebar, z. B. Events).
   Trifft nur den Inhalts-<article> als direktes Kind, nicht die
   Startseiten-/Archiv-Karten (die liegen in .entries). */
#main [class*="ct-container"] > article {
	background-color: #ffffff;
	padding: 24px 30px;
	border-radius: 4px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

#main [class*="ct-container"] > article,
#main [class*="ct-container"] > article p,
#main [class*="ct-container"] > article li,
#main [class*="ct-container"] > article td {
	color: #222222;
}

/* Header-/Menüleiste kompakter: Höhe der mittleren Header-Zeile von 120px
   auf 60px reduzieren (passend zum 50px-Logo). Überschreibt Blocksys
   --height (dessen Selektor hat nur Spezifität 0,3,0; #header schlägt das). */
#header [data-row*="middle"] {
	--height: 60px;
}

/* Menü linksbündig direkt neben dem Logo (statt rechtsbündig).
   Logo-Spalte = Inhaltsbreite (auto), Menü-Spalte füllt den Rest (1fr),
   und die Menü-Items werden darin links ausgerichtet. */
#header [data-column-set="2"] > div {
	grid-template-columns: auto 1fr;
}

#header [data-column="end"] > [data-items="primary"] {
	justify-content: flex-start;
}

/* Pagination (Blätter-Navigation unter den Beiträgen): weißer Hintergrund,
   sonst scheint das Seiten-Hintergrundbild durch. */
.ct-pagination {
	background-color: #ffffff;
	padding: 14px 20px;
	border-radius: 4px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

.ct-pagination,
.ct-pagination a {
	color: #1a1a1a;
}

.ct-pagination a:hover {
	color: #000000;
}