/*
Theme Name:     Twenty Fifteen Child
Theme URI:      https://barfussaufbeton.de/
Description:    Child-Theme zu Twenty Fifteen. Schriften über Google Fonts: Fließtext in Newsreader, UI und Überschriften in Lato; Inconsolata bleibt für Code. Beide Noto-Familien werden nicht mehr geladen. Dazu Layout-, Farb- und Kommentarformular-Feinheiten sowie die Wiederherstellung der Admin-Bar-Hover-Farbe (seit WordPress 7.0 nicht mehr im Core). Anrisstexte im Archiv, voller Text nur im Einzelbeitrag.
Author:         Martin
Template:       twentyfifteen
Version:        1.8.0
Requires PHP:   7.0
Text Domain:    twentyfifteenchild
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');


/* ==========================================================================
   1. SCHRIFTEN — Noto Serif ersetzen (Newsreader)
   ========================================================================== */

body,
button,
input,
select,
textarea,
.site-title,
.page-title,
.comment-reply-title,
.post-navigation .post-title,
.widget_calendar caption {
	font-family: "Newsreader", serif;
}


/* ==========================================================================
   2. SCHRIFTEN — Noto Sans ersetzen (Lato)
   Alle Selektoren aus style.css des Parents, die font-family: "Noto Sans" setzen.
   font-weight: 400 wird mitgesetzt, um externe font-weight: 700-Deklarationen
   (z. B. aus Plugins) zu neutralisieren.
   ========================================================================== */

body:before,
.main-navigation,
.main-navigation .menu-item-description,
.page-links,
.page-header,
.pagination,
.comment-navigation,
.widget,
.widget-title,
.widget_rss cite,
.author-info,
.author-heading,
.entry-footer,
.entry-caption,
.site-footer,
.sidebar,
.site-description,
.post-navigation .meta-nav,
.post-password-form label,
.comment-list .reply a,
.comment-form label,
.form-allowed-tags,
.no-comments,
.wp-caption-text,
.gallery-caption,
.pingback .edit-link,
.widecolumn label,
.widecolumn .mu_register label,
blockquote cite,
blockquote small,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site .skip-link,
.taxonomy-description p,
.logged-in-as,
.comment-notes {
	font-family: "Lato", sans-serif;
	font-weight: 400;
}

/* Placeholder-Text: alle Vendor-Prefixes aus dem Parent abdecken */
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::placeholder {
	font-family: "Lato", sans-serif;
}

/* Letter-spacing und text-transform aus dem Parent zurücksetzen */
.widget-title,
.comment-form label,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-navigation .meta-nav {
	letter-spacing: 0;
	text-transform: none;
}


/* ==========================================================================
   3. FARBEN UND HINTERGRUND
   ========================================================================== */

:root {
	--c-page: #f0ebe8; /* Gutter / Seitenhintergrund */
	--c-meta: #f6f3f1; /* Meta-Band, entsättigt und etwas heller */
}

body {
	background-color: var(--c-page);
	font-weight: 400;
}

.entry-footer {
	background-color: var(--c-meta);
}


/* ==========================================================================
   4. LAYOUT
   ========================================================================== */

:root {
	--layout-shift: 0.3; /* 0 = bündig links, 0.5 = mittig */
}

@media screen and (min-width: 87.6875em) { /* ab 1403px */
	.site {
		margin-left: max(0px, calc((100% - 1403px) * var(--layout-shift)));
		margin-right: auto;
	}
	/* Sidebar-Hintergrund muss dieselbe Verschiebung mitmachen.
	   Rechte Kante = Verschiebung + Sidebar-Breite (413px). */
	body:before {
		width: calc(max(0px, (100% - 1403px) * var(--layout-shift)) + 413px);
	}
}


/* ==========================================================================
   5. DIVERSES
   ========================================================================== */

.wp-block-image figure {
	margin-bottom: 1.6842em;
	text-align: center;
}

.entry-content .more-link,
.entry-summary .more-link {
	white-space: nowrap;
}

/* Kommentarformular */
.comment-form label {
	margin-bottom: 0.25em;
}

.comment-form-cookies-consent {
	display: flex;
	align-items: baseline;
	gap: 0.5em;
}

.comment-form-cookies-consent input[type="checkbox"] {
	flex-shrink: 0;
	margin: 0;
	margin-top: 0.2em; /* optisch auf die Höhe der ersten Textzeile heben */
}

.comment-form-cookies-consent label {
	margin: 0;
	line-height: 1.5;
	cursor: pointer;
}

.comment-form #wp-comment-cookies-consent {
	margin-right: 0;
}

.widget-title {
	font-weight: 700;
}

/* Site-Title Größenänderung */

.site-title {
    font-size: 2.4rem;
}

@media screen and (min-width: 38.75em) {
    .site-title { font-size: 2.4rem; }
}
@media screen and (min-width: 46.25em) {
    .site-title { font-size: 3.1rem; }
}
@media screen and (min-width: 55em) {
    .site-title { font-size: 3.3rem; }
}
@media screen and (min-width: 59.6875em) {
    .site-title { font-size: 2.4rem; }
}
@media screen and (min-width: 68.75em) {
    .site-title { font-size: 2.6rem; }
}
@media screen and (min-width: 77.5em) {
    .site-title { font-size: 3.3rem; }
}

.taxonomy-description p {
    font-size: 1.2rem;
	font-family: 'Lato', sans-serif;
}

@media screen and (min-width: 46.25em) {
    .taxonomy-description p {
        font-size: 14px;
        font-size: 1.4rem;
		font-family: 'Lato', sans-serif;
    }
}

@media screen and (min-width: 55em) {
    .taxonomy-description p {
        font-size: 16px;
        font-size: 1.6rem;
		font-family: 'Lato', sans-serif;
    }
}

@media screen and (min-width: 59.6875em) {
    .taxonomy-description p {
        font-size: 12px;
        font-size: 1.2rem;
		font-family: 'Lato', sans-serif;
    }
}

@media screen and (min-width: 68.75em) {
    .taxonomy-description p {
        font-size: 14px;
        font-size: 1.4rem;
		font-family: 'Lato', sans-serif;
    }
}

@media screen and (min-width: 77.5em) {
    .taxonomy-description p {
        font-size: 16px;
        font-size: 1.6rem;
		font-family: 'Lato', sans-serif;
    }
}