/* ==========================================================================
   NEWS-LISTE (.mygc-news-item) — Blog-Theme
   Post-Karte (Titel + Excerpt) innerhalb core/query → core/post-template.
   1:1 aus dem Haupt-Theme übernommen (identische Optik/Klasse).
   Genutzt von: archive.html (Category/Tag/Datum/Autor), search.html und
   index.html (Fallback). NICHT auf home.html/single.html — dort stehen
   volle Posts (.mygc-blog-item, siehe blog-home.css), keine Excerpts.
   Bewusst NICHT in der globalen style.css, da die Klasse auf home.html und
   single.html nicht vorkommt — bedingtes Enqueue in functions.php.
   ========================================================================== */
.mygc-news-item {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	padding-block: 1.25rem;
	border-top: 1px solid var(--wp--preset--color--politics-gray);
}

/* Erster Eintrag braucht keine Trennlinie oben (direkt unter Heading/Intro) */
.mygc-news-item:first-child {
	border-top: 0;
	padding-top: 0;
}

/* Fund (Juli 2026): Vereinzelte (meist kurze) Post-Titel erschienen
   zentriert — betrifft home.html (germany-news), index.html und
   search.html. Ursache war NICHT text-align, sondern WordPress Cores
   eigene Constrained-Layout-Regel (global-styles-inline-css):
     .is-layout-constrained > :where(...) {
       max-width: var(--wp--style--global--content-size);
       margin-left: auto !important;
       margin-right: auto !important;
     }
   .mygc-news-item ist selbst is-layout-constrained UND display:flex
   (s.o.) → der Titel (direktes Kind) bekommt diese Regel. In Flexbox
   überstimmen beidseitig auto gesetzte Cross-Axis-Margins das Default-
   Stretching: das Element schrumpft auf Inhaltsbreite, der Rest wird
   links/rechts verteilt — bei kurzen Titeln sichtbar, bei langen (die
   die Zeile ohnehin durch Umbruch ausfüllen) nicht. :where() hat
   Spezifität 0, nur die !important-Margins ziehen — daher hier ebenfalls
   !important nötig (einer der wenigen legitimen Einsatzfälle: Kontern
   einer !important-Core-Regel). */
.mygc-news-item > .wp-block-post-title {
	width: 100%;
	max-width: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Fund (Juli 2026): Core setzt in .wp-block-post-title :where(a) u.a.
   text-decoration: inherit (siehe @wordpress/block-library,
   post-title/style.scss). :where() hat zwar Spezifität 0, aber
   .wp-block-post-title selbst ist eine normale Klasse → Gesamt-Spezifität
   (0,1,0) schlägt den globalen "a"-Selektor in style.css (0,0,1). Das
   <h2>-Elternelement hat kein eigenes text-decoration → "inherit" wird
   zu "none": der Titel-Link erscheint nie unterstrichen, auch nicht im
   Hover (dort gewinnt zwar euer a:hover, setzt aber ebenfalls "none").
   Fix: eigener Selektor mit höherer Spezifität, kein !important nötig,
   da Cores Regel selbst keins verwendet. */
.mygc-news-item .wp-block-post-title a {
	text-decoration: underline;
}
.mygc-news-item .wp-block-post-title a:hover {
	text-decoration: none;
}