/*
Theme Name:   Revierticker Child
Theme URI:    https://revierticker.de/
Description:  Child-Theme von Newspaper (tagDiv) fuer revierticker.de. Eigene Anpassungen nur hier, nie im Parent-Theme.
Author:       Onlineseitig
Template:     Newspaper
Version:      1.1.0
Requires PHP: 8.3
Text Domain:  revierticker-child
*/

/* ===== Revierticker: Anthrazit, Signalgelb, Hellgrau (überschreibt News Hub Pro) ===== */
:root {
	--rt-anthrazit: #23262b;
	--rt-anthrazit-tief: #1b1d21;
	--rt-gelb: #f2b705;
	--rt-gelb-dunkel: #8a6400;
	--rt-grund: #f1f1ef;
	--rt-text: #1d1f23;
	--rt-grau: #5f636a;
	--rt-linie: #d9d9d4;
	--rt-kopf: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	--rt-lauf: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
}
body { background-color: var(--rt-grund) !important; color: var(--rt-text); font-family: var(--rt-lauf); }

/* Kopf und Fuß bleiben dunkel (Demo-Variablen hell auf dunkel) */
.td-header-template-wrap { background: var(--rt-anthrazit); }
.td-header-template-wrap .tdc-row:first-child { border-bottom: 1px solid #3a3e45; }
.td-footer-template-wrap { background: var(--rt-anthrazit-tief); border-top: 4px solid var(--rt-gelb); }
.td-footer-template-wrap .tdc-row { background-color: transparent !important; }

/* Inhalt: Demo-Variablen umkehren (dunkle Schrift auf hellem Grund) */
.td-main-content-wrap {
	--news-hub-white: #1d1f23;
	--news-hub-black: #ffffff;
	--news-hub-dark-grey: #d9d9d4;
	--news-hub-light-grey: #5f636a;
	--news-hub-medium-gray: #6f737a;
	--news-hub-accent: #f2b705;
	--news-hub-accent-hover: #8a6400;
	--accent-color: #8a6400;
	color: var(--rt-text);
	background: var(--rt-grund);
}
.td-main-content-wrap .td-post-category,
.td-main-content-wrap .tdb-category a,
.td-main-content-wrap .td-module-container .td-post-category { color: var(--rt-anthrazit) !important; }
.td-main-content-wrap a.tdb-entry-category, .td-main-content-wrap .tdb-entry-category { color: var(--rt-anthrazit) !important; }

/* Schriften: Überschriften Barlow Condensed (ID-Spezifität schlägt die Inline-Regeln der Vorlagen) */
:root:not(#rt) :is(h1, h2, h3, h4, h5, h6, .td-module-title, .td-module-title a, .entry-title, .tdb-title-text, .td-block-title, .td-block-title *, .tdb-block-title, .tdm-title, .tdb-menu-item-text, .tdb-single-title, .tdb-title-text a, .td-pulldown-filter-display-option, .td-trending-now-title) {
	font-family: var(--rt-kopf) !important;
}
:root:not(#rt) .td-block-title, :root:not(#rt) .td-block-title *, :root:not(#rt) .td-trending-now-title, :root:not(#rt) .tdb-menu-item-text {
	text-transform: uppercase; letter-spacing: .02em;
}
:root:not(#rt) .td-module-title, :root:not(#rt) .td-module-title a { font-weight: 700 !important; }
:root:not(#rt) .tdb-title-text, :root:not(#rt) h1 { font-weight: 800 !important; letter-spacing: .005em; }
:root:not(#rt) :is(.tdb-block-inner p, .td-post-content p, .tdb_single_content p, .td-excerpt, .tdm-descr, .td_block_list_menu a) { font-family: var(--rt-lauf) !important; }
.td-post-content p, .tdb_single_content p { font-size: 18px; line-height: 1.65; }

/* Kopf: Menü, Suche, Knopf „Meldung einsenden“, Laufband */
.td-header-template-wrap .tdb-menu > li > a .tdb-menu-item-text { font-size: 19px; }
.rt-einsenden.tdm_block_button .tdm-btn { background: var(--rt-gelb) !important; color: var(--rt-anthrazit) !important; }
.rt-einsenden.tdm_block_button .tdm-btn:hover { background: #ffd147 !important; }
.rt-einsenden .tdm-btn-text { font: 700 16px/1 var(--rt-kopf) !important; text-transform: uppercase; letter-spacing: .04em; }
.td-header-template-wrap .td_block_trending_now { margin-bottom: 0; }
.td-header-template-wrap .td-trending-now-wrapper { background: var(--rt-anthrazit-tief); }
.td-header-template-wrap .td-trending-now-title { background: var(--rt-gelb) !important; color: var(--rt-anthrazit) !important; font-weight: 800 !important; }
.td-header-template-wrap .td-trending-now-display-area .entry-title a { color: #fff !important; }
.td-header-template-wrap .td-trending-now-display-area .entry-title a:hover { color: var(--rt-gelb) !important; }
.td-header-mobile-wrap .tdb_mobile_horiz_menu { background: var(--rt-anthrazit-tief); }

/* Kommentarzähler (Kommentare sind aus) */
.td-module-comments, .td-post-comments, .tdb-comments-count { display: none !important; }

/* Werbeflächen */
.rt-anzeige { text-align: center; }
.rt-anzeige img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.td-a-rec .td-adspot-title, .td-adspot-title { font-size: 11px; color: var(--rt-grau); text-transform: uppercase; letter-spacing: .08em; }
.td-a-rec-id-content_inline .rt-anzeige img { aspect-ratio: 300 / 250; width: 100%; max-width: 300px; }

/* Links im Fließtext */
.td-post-content a, .tdb_single_content .tdb-block-inner a, .td-page-content a, .tdb_single_content a { color: var(--rt-gelb-dunkel) !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }

/* Fußzeile */
.rt-fuss-text .tdm-descr { color: #c9c9c4 !important; font-size: 15px !important; line-height: 1.55 !important; max-width: 34ch; }
.td-footer-template-wrap .td_block_list_menu a { color: #fff !important; }
.td-footer-template-wrap .td_block_list_menu a:hover { color: var(--rt-gelb) !important; }
.rt-fuss-titel .tdm-descr { font: 800 15px/1.2 var(--rt-kopf) !important; color: var(--rt-gelb) !important; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 10px; }

/* ===== Startseite ===== */
.rt-start { padding: 24px 0 40px; }
.rt-start a { color: var(--rt-text); text-decoration: none; }
.rt-start a:hover { color: var(--rt-gelb-dunkel); }
.rt-kopf { display: flex; align-items: flex-end; margin: 0 0 12px; border-bottom: 3px solid var(--rt-anthrazit); font: 800 20px/1 var(--rt-kopf); text-transform: uppercase; letter-spacing: .03em; }
.rt-kopf > * { display: inline-block; background: var(--rt-anthrazit); color: #fff !important; padding: 7px 12px 5px; }
.rt-kopf > *::before { content: ""; display: inline-block; width: 9px; height: 9px; background: var(--rt-gelb); margin: 0 8px 2px 0; }
.rt-kopf > a:hover { color: var(--rt-gelb) !important; }
.rt-leer { color: var(--rt-grau); font-size: 15px; margin: 6px 0 0; }
.rt-liste { list-style: none; margin: 0; padding: 0; }
.rt-liste li { display: grid; grid-template-columns: 46px 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--rt-linie); margin: 0; font-size: 15.5px; line-height: 1.35; }
.rt-liste time { font: 700 15px/1.35 var(--rt-kopf); color: var(--rt-gelb-dunkel); font-variant-numeric: tabular-nums; }
.rt-zeile a { font-weight: 600; }
.rt-ort { color: var(--rt-grau); font-size: 13.5px; white-space: nowrap; }
.rt-ort::before { content: "· "; }
.rt-dach { display: inline-block; font: 700 13px/1 var(--rt-kopf); text-transform: uppercase; letter-spacing: .06em; background: var(--rt-gelb); color: var(--rt-anthrazit); padding: 4px 6px 3px; margin-bottom: 8px; }

.rt-reihe1 { display: grid; grid-template-columns: 270px minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
.rt-auf-bild img, .rt-klein-bild img, .rt-stadt-erste img { display: block; width: 100%; height: auto; }
.rt-auf-bild img { aspect-ratio: 16 / 10; object-fit: cover; }
.rt-auf-text { background: #fff; padding: 16px 18px 18px; border-bottom: 3px solid var(--rt-gelb); }
.rt-auf-titel { font: 800 34px/1.05 var(--rt-kopf) !important; margin: 0 0 10px; }
.rt-auf-text p { font-size: 17px; line-height: 1.5; margin: 0 0 8px; color: #33363c; }
.rt-auf-text time { font: 600 14px var(--rt-kopf); color: var(--rt-grau); }
.rt-auf-leer { background: #fff; border: 1px dashed var(--rt-linie); padding: 60px 24px; text-align: center; }
.rt-neben { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; }
.rt-klein h3 { font: 700 18px/1.15 var(--rt-kopf) !important; margin: 6px 0 0; }
.rt-klein .rt-dach { margin: 8px 0 0; font-size: 11px; }
.rt-klein-bild img { aspect-ratio: 218 / 150; object-fit: cover; }
.rt-spalte-rechts > * + * { margin-top: 22px; }
.rt-presse { background: var(--rt-anthrazit); color: #e6e6e1; padding: 16px 18px; font-size: 15px; line-height: 1.5; }
.rt-presse strong { display: block; font: 800 19px/1.15 var(--rt-kopf); text-transform: uppercase; color: var(--rt-gelb); margin-bottom: 6px; }
.rt-start .rt-presse a { color: #fff; text-decoration: underline; }

.rt-start > .rt-anzeige { margin: 34px 0 10px; }
.rt-block { margin-top: 34px; }
.rt-raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 28px; }
.rt-themen { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 24px; }
.rt-stadt-name { margin: 0 0 8px; padding-top: 8px; border-top: 3px solid var(--rt-anthrazit); font: 800 22px/1.1 var(--rt-kopf) !important; text-transform: uppercase; letter-spacing: .03em; }
.rt-stadt-name a { background-image: linear-gradient(var(--rt-gelb), var(--rt-gelb)); background-size: 100% 4px; background-position: 0 100%; background-repeat: no-repeat; padding-bottom: 1px; }
.rt-stadt-erste { display: grid; grid-template-columns: 112px 1fr; gap: 12px; align-items: start; padding-bottom: 8px; border-bottom: 1px solid var(--rt-linie); }
.rt-stadt-erste:not(:has(img)) { grid-template-columns: 1fr; }
.rt-stadt-erste img { aspect-ratio: 218 / 150; object-fit: cover; }
.rt-stadt-erste h4 { font: 700 18px/1.15 var(--rt-kopf) !important; margin: 0; }
.rt-thema .rt-liste li { grid-template-columns: 40px 1fr; }

@media (max-width: 1140px) {
	.rt-reihe1 { grid-template-columns: 240px minmax(0, 1fr); }
	.rt-spalte-rechts { grid-column: 1 / -1; display: grid; grid-template-columns: 300px 1fr 1fr; gap: 24px; align-items: start; }
	.rt-spalte-rechts > * + * { margin-top: 0; }
}
@media (max-width: 1018px) {
	.rt-start { padding-left: 20px; padding-right: 20px; }
	.rt-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rt-themen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.rt-start { padding: 14px 14px 30px; }
	.rt-reihe1 { grid-template-columns: 1fr; gap: 26px; }
	.rt-spalte-auf { order: -1; }
	.rt-spalte-rechts { display: block; }
	.rt-spalte-rechts > * + * { margin-top: 22px; }
	.rt-auf-titel { font-size: 28px !important; }
	.rt-neben { grid-template-columns: 1fr; gap: 0; margin-top: 8px; }
	.rt-klein { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--rt-linie); }
	.rt-klein:not(:has(img)) { grid-template-columns: 1fr; }
	.rt-raster, .rt-themen { grid-template-columns: 1fr; }
	.rt-start > .rt-anzeige img { aspect-ratio: 320 / 100; max-width: 320px; }
}
@media (min-width: 768px) {
	.rt-start > .rt-anzeige img { aspect-ratio: 728 / 90; max-width: 728px; }
}
.rt-spalte-rechts .rt-anzeige img { aspect-ratio: 300 / 250; max-width: 300px; }

/* Nachbesserungen nach Test mit Beispielmeldungen */
.td-scroll-up { background-color: var(--rt-gelb) !important; }
.td-scroll-up .td-icon-menu-up, .td-scroll-up i { color: var(--rt-anthrazit) !important; }
:root:not(#rt) .td-footer-template-wrap .tdm-descr a { color: var(--rt-gelb) !important; text-decoration: underline; }
.rt-fuss-titel { margin-bottom: 4px !important; }
:root:not(#rt) .tdb_single_content .tdb-block-inner p, :root:not(#rt) .tdb_single_content .tdb-block-inner li { font-size: 18px !important; line-height: 1.65 !important; color: #23262b; }
.rt-anzeige-text { margin: 28px auto; max-width: 300px; }
.rt-anzeige-text > span { display: block; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--rt-grau); text-align: center; margin-bottom: 4px; }
.rt-anzeige-text img { aspect-ratio: 300 / 250; width: 100%; max-width: 300px; height: auto; }
.tdb_search_form .tdb-search-form-btn, .tdb_search_form .tdb-search-form-btn .tdb-search-form-btn-txt { color: var(--rt-anthrazit) !important; }
@media (max-width: 767px) { .rt-start { padding-left: 0; padding-right: 0; } }