/*
Theme Name: Shhh - Elias Edition
Theme URI: https://blog.kafitz.ch
Description: Custom fork of Shhh theme - clean, minimalist blog design with adjusted typography and no tracking.
Version: 1.0.0
Author: Elias (based on Shhh by Automattic)
Author URI: https://blog.kafitz.ch
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shhh-elias
Template: 
*/

/*
* Control the hover stylings of outline block style.
*/
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

/*
* Control the hover stylings of the pseudo element in post title block.
* For some reason, this does not work if the style is added to the theme.json.
*/
.wp-block-post-title:hover::before {
	color:var(--wp--preset--color--primary);
}

/*
* Custom: Excerpt kursiv und kleiner für bessere Lesbarkeit
*/
.wp-block-post-excerpt__excerpt {
	font-style: italic;
	color: var(--wp--preset--color--tertiary);
	font-size: var(--wp--preset--font-size--medium);
}

/*
* Custom: Kategorien im Header horizontal anzeigen
*/
.wp-block-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	list-style: none;
	padding: 0;
	margin: 0;
}

.wp-block-categories li {
	margin: 0;
}

.wp-block-categories a {
	text-decoration: none;
}

.wp-block-categories a:hover {
	color: var(--wp--preset--color--primary);
}

/*
* Custom: Bilder richtig anzeigen
*/
.wp-block-image {
	width: 100%;
}

.wp-block-image img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
}

.wp-block-image figcaption {
	margin-top: 0.5em;
	text-align: center;
}

/*
* Custom: Seiten-Liste im Footer horizontal anzeigen
*/
.wp-block-page-list,
.wp-block-page-list ul,
.wp-block-page-list > li > ul {
	display: flex !important;
	flex-wrap: wrap;
	gap: 1em;
	list-style: none !important;
	list-style-type: none !important;
	padding: 0 !important;
	padding-left: 0 !important;
	margin: 0 !important;
}

.wp-block-page-list li,
.wp-block-page-list ul li {
	margin: 0;
	padding: 0;
	list-style: none !important;
	list-style-type: none !important;
}

.wp-block-page-list li::before,
.wp-block-page-list li::marker {
	content: none !important;
	display: none !important;
}

.wp-block-page-list a {
	text-decoration: none;
	color: var(--wp--preset--color--secondary);
}

.wp-block-page-list a:hover {
	color: var(--wp--preset--color--primary);
}

/*
* Custom: Sticky Footer - Footer immer unten
*/
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.wp-site-blocks {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.wp-site-blocks > main,
.wp-site-blocks > .wp-block-group:not(:first-child):not(:last-child) {
	flex: 1;
}