/*
Theme Name:   MyGermanCity Blog
Theme URI:    https://blog.mygermancity.com
Description:  Full Site Editing theme for blog.mygermancity.com — visual twin of the MyGermanCity main theme (mygc), extended with blog-typical archive, comment, and sidebar styles.
Author:       MyGermanCity.com
Author URI:   https://www.mygermancity.com
Version:      1.0.4
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 8.3
License:      Proprietary – All Rights Reserved
License URI:  https://www.mygermancity.com
Text Domain:  mygc-blog
*/

/* ==========================================================================
   NOTE ON CSS ARCHITECTURE
   Styles werden in drei Schichten ausgeliefert:
   (a) theme.json → inline <style id="global-styles-inline-css">  (Global Styles)
   (b) wp-block-library / wp-block-library-theme  (Core Block Styles, auto-loaded)
   (c) diese style.css PLUS assets/css/blog.css  (Komponenten-Styles, via functions.php)

   AUFTEILUNG: style.css = sitewide Chrome (Tokens, Header, Nav, Breadcrumbs,
   Footer, .site-main-Basis) — auf JEDER Seite geladen, auch 404. Alles, was
   nur auf Content-Seiten vorkommt (Sidebar, Blog-Columns-Layout, Post-Meta,
   Kommentare, Content-Bilder/-Tabellen, Pagination, Social-Share), sitzt in
   assets/css/blog.css (bedingtes Enqueue: ueberall AUSSER 404.html).
   PFLEGE-HINWEIS: Header/Nav/Breadcrumbs/Footer/Tokens sind eine 1:1-
   Teilmenge der style.css des Haupt-Themes (mygc) — Aenderungen dort bitte
   hier nachziehen.
   ========================================================================== */


/* ==========================================================================
   DESIGN TOKENS  (identisch zum Haupt-Theme; nicht genutzte Karten-Tokens
   des Haupt-Themes — map-pin — hier bewusst weggelassen)
   ========================================================================== */
:root {
	/* Farben */
	--wp--preset--color--country-teal:   #1282aa;
	--wp--preset--color--culture-red:     #bc0707;
	--wp--preset--color--vacation-green:  #197800;
	--wp--preset--color--business-blue:   #1260b2;
	--wp--preset--color--politics-gray:   #4c4d4e;
	--wp--preset--color--info-purple:     #842c91;
	--wp--preset--color--blog-gold:       #7d5c00;
	--wp--preset--color--booking-orange:  #b84d00;
	--wp--preset--color--white:           #ffffff;
	--wp--preset--color--link-blue:       #0000ff;
	--wp--preset--color--sidebar-box:     #faf7ef; /* Hintergrund der Sidebar-Boxen — helle Variante von blog-gold (#7d5c00), gleiche Helligkeit/Sättigung wie zuvor die (vom Haupt-Theme übernommene) taoi-box-Farbe, nur auf den Goldton gedreht */
	--wp--preset--color--button-silver:   #c0c0c0; /* klassisches ungestyltes Browser-Button-Grau; Hamburger, X, Such-Button */

	/* Font-Sizes – Skala identisch zum Haupt-Theme */
	--wp--preset--font-size--x-small:     0.875rem;
	--wp--preset--font-size--small:       1rem;
	--wp--preset--font-size--base:        clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
	--wp--preset--font-size--large:       clamp(1.3125rem, 1.26rem + 0.3vw, 1.5rem);
	--wp--preset--font-size--x-large:     clamp(1.5rem,   1.35rem + 0.75vw, 2rem);
	--wp--preset--font-size--xx-large:    clamp(1.75rem,  1.52rem + 1.15vw, 2.5rem);
	--wp--preset--font-size--xxx-large:   clamp(2rem,     1.7rem + 1.4vw, 2.875rem);

	/* Spacing */
	--wp--preset--spacing--1: 0.25rem;
	--wp--preset--spacing--2: 0.5rem;
	--wp--preset--spacing--3: 0.75rem;
	--wp--preset--spacing--4: 1rem;
	--wp--preset--spacing--5: 1.5rem;
	--wp--preset--spacing--6: 2rem;
	--wp--preset--spacing--7: 3rem;
	--wp--preset--spacing--8: 4rem;
	--wp--preset--spacing--9: 6rem;
}
/* Preset-Utility-Klassen (vormals von theme.json generiert) */
.has-country-teal-color   { color: var(--wp--preset--color--country-teal); }
.has-culture-red-color    { color: var(--wp--preset--color--culture-red); }
.has-vacation-green-color { color: var(--wp--preset--color--vacation-green); }
.has-business-blue-color  { color: var(--wp--preset--color--business-blue); }
.has-politics-gray-color  { color: var(--wp--preset--color--politics-gray); }
.has-info-purple-color    { color: var(--wp--preset--color--info-purple); }
.has-booking-orange-color { color: var(--wp--preset--color--booking-orange); }

.has-x-small-font-size  { font-size: var(--wp--preset--font-size--x-small); }
.has-small-font-size    { font-size: var(--wp--preset--font-size--small); }
.has-base-font-size     { font-size: var(--wp--preset--font-size--base); }
.has-large-font-size    { font-size: var(--wp--preset--font-size--large); }
.has-xx-large-font-size { font-size: var(--wp--preset--font-size--xx-large); }
.has-xxx-large-font-size{ font-size: var(--wp--preset--font-size--xxx-large); }


/* ==========================================================================
   GLOBAL ELEMENT DEFAULTS (identisch zum Haupt-Theme)
   ========================================================================== */
a {
	color: var(--wp--preset--color--link-blue);
	text-decoration: underline;
}
a:hover  { color: #0000cc; text-decoration: none; }
a:visited { color: #0000ff; }

.wp-element-button,
.wp-block-button__link {
	border-radius: 4px;
	background-color: var(--wp--preset--color--country-teal);
	color: #ffffff;
	padding: 0.625rem 1.25rem;
	font-family: var(--wp--preset--font-family--system);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
	background-color: #239cca;
	color: #ffffff;
}
.wp-element-button:visited,
.wp-block-button__link:visited {
	color: #ffffff;
}

h1 { font-size: var(--wp--preset--font-size--xxx-large); font-weight: 600; line-height: 1.2;  margin: 0 0 0.5em; }
h2 { font-size: var(--wp--preset--font-size--xx-large);  font-weight: 600; line-height: 1.25; margin: 1.5em 0 0.5em; }
h3 { font-size: var(--wp--preset--font-size--x-large);   font-weight: 600; line-height: 1.3;  margin: 1.5em 0 0.5em; }
h4 { font-size: var(--wp--preset--font-size--large);     font-weight: 600; line-height: 1.35; margin: 1.5em 0 0.5em; }
h5 { font-size: var(--wp--preset--font-size--base);      font-weight: 700; line-height: 1.4;  margin: 1.5em 0 0.5em; }
h6 {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin: 1.5em 0 0.5em;
}

figcaption, .wp-element-caption {
	color: var(--wp--preset--color--politics-gray);
	font-size: var(--wp--preset--font-size--x-small);
	line-height: 1.4;
}

cite { font-style: italic; }

/* ==========================================================================
   GLOBAL BLOCK DEFAULTS (identisch zum Haupt-Theme)
   ========================================================================== */
.mygc-main-nav {
	font-size: var(--wp--preset--font-size--base);
	font-weight: 600;
}

hr.wp-block-separator {
	border-color: var(--wp--preset--color--politics-gray);
	border-style: solid;
	border-width: 1px;
}

.wp-block-quote {
	border-color: var(--wp--preset--color--country-teal);
	border-style: solid;
	border-width: 0 0 0 4px;
	padding: 0.5rem 0 0.5rem 1.25rem;
}

.wp-block-pullquote {
	border-color: var(--wp--preset--color--country-teal);
	border-style: solid;
	border-width: 3px 0;
	font-style: italic;
	line-height: 1.5;
}

.wp-block-search .wp-block-search__input {
	border-radius: 4px;
}

.wp-block-table {
	background-color: #ffffff;
	font-size: var(--wp--preset--font-size--base);
}


/* ==========================================================================
   HEADER (identisch zum Haupt-Theme)
   ========================================================================== */

/* Outer header group — Border + Padding */
.mygc-site-header {
	background: #fff;
	border-bottom: 1px solid #e3e5e7;
	padding-block: var(--wp--preset--spacing--4);
}

/* Logo link: icon (img) + SVG text side by side */
.mygc-logo-link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	width: fit-content;
}

.mygc-logo-icon {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
}

.mygc-logo-text {
	width: 185px;
	height: auto;
	display: block;
	font-family: Arial, Helvetica, sans-serif; /* fest statt generisch, s. Kommentar im Haupt-Theme */
}

/* SVG text colours + Größen (Details/Begründung: style.css des Haupt-Themes) */
.mygc-logo-title   { fill: #333333; font-weight: 400; font-size: 28px; }
.mygc-logo-tagline { fill: #666666; font-size: 15px; }

/* Optional: icon stapelt sich über Text auf kleinen Phones */
@media (max-width: 480px) {
	.mygc-logo-link {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}
	.mygc-logo-text { width: 155px; }
}

/* Search field in the logo-row flex group */
.mygc-header-search {
	flex-shrink: 0;
}

.mygc-header-search .wp-block-search__inside-wrapper {
	border: 1px solid #c5c8cc;
	border-radius: 4px;
	overflow: hidden;
}

.mygc-header-search .wp-block-search__input {
	min-width: 180px;
	padding: 0.375rem 0.5rem;
	border: 0;
	font-size: var(--wp--preset--font-size--small);
	background: transparent;
}

.mygc-header-search .wp-block-search__button {
	background: var(--wp--preset--color--button-silver);
	color: var(--wp--preset--color--politics-gray);
	border: 0;
	border-left: 1px solid #c5c8cc;
	padding: 0.375rem 0.625rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	transition: background 0.15s ease;
}

.mygc-header-search .wp-block-search__button svg {
	fill: currentColor;
	width: 16px;
	height: 16px;
	display: block;
}

.mygc-header-search .wp-block-search__button:hover {
	background: #a8a8a8;
}

/* Narrow screens: search drops below logo row (flex-wrap handles this) */
@media (max-width: 480px) {
	.mygc-header-search .wp-block-search__input {
		min-width: 140px;
	}
}


/* ==========================================================================
   MAIN NAVIGATION – Button Hover Effect (identisch zum Haupt-Theme;
   Blog-Zusatz am Ende des Abschnitts)
   ========================================================================== */

/* Slight top gap separating nav row from logo row */
.mygc-main-nav {
	margin-top: 0.375rem;
}

/* Base state – pill shape ready; padding here prevents hover layout shift. */
.mygc-main-nav .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	padding-block: 0.2em 0.34em; /* asymmetrisch: Font-Metrik-Korrektur, s. Haupt-Theme */
	padding-inline: 0.45em;
	border-radius: 4px;
	transition: background-color 0.15s ease, color 0.1s ease;
}

/* Shared interactive state (hover / keyboard focus / tap) */
.mygc-main-nav .wp-block-navigation-item__content:hover,
.mygc-main-nav .wp-block-navigation-item__content:focus-visible,
.mygc-main-nav .wp-block-navigation-item__content:active {
	color: #fff !important;
	text-decoration: none;
	outline: none;
}

/* Subtle press feedback on click */
.mygc-main-nav .wp-block-navigation-item__content:active {
	opacity: 0.80;
}

/* ── Per-section text colour (resting state) ──────────────── */

.mygc-main-nav .nav-country .wp-block-navigation-item__content { color: var(--wp--preset--color--country-teal); }
.mygc-main-nav .nav-culture .wp-block-navigation-item__content { color: var(--wp--preset--color--culture-red); }
.mygc-main-nav .nav-vacation .wp-block-navigation-item__content { color: var(--wp--preset--color--vacation-green); }
.mygc-main-nav .nav-business .wp-block-navigation-item__content { color: var(--wp--preset--color--business-blue); }
.mygc-main-nav .nav-politics .wp-block-navigation-item__content { color: var(--wp--preset--color--politics-gray); }
.mygc-main-nav .nav-info .wp-block-navigation-item__content { color: var(--wp--preset--color--info-purple); }
.mygc-main-nav .nav-booking .wp-block-navigation-item__content { color: var(--wp--preset--color--booking-orange); }
.mygc-main-nav .nav-blog .wp-block-navigation-item__content { color: var(--wp--preset--color--blog-gold); }

/* BLOG-Zusatz: Auf dem Blog ist "Blog" die aktive Sektion — dauerhaft
   gefuellte Gold-Pill als "You are here"-Indikator (wie der aktive Tab im
   alten Theme). Steht NACH der Resting-Farbregel oben, gewinnt also bei
   gleicher Spezifitaet per Quellreihenfolge. Hover-Fill (identische Farbe)
   kommt weiter unten wie gehabt. */
.mygc-main-nav .nav-blog .wp-block-navigation-item__content {
	background-color: var(--wp--preset--color--blog-gold);
	color: #fff;
}

/* ── Per-section background fills (hover / focus / active) ── */

.mygc-main-nav .nav-country .wp-block-navigation-item__content:hover,
.mygc-main-nav .nav-country .wp-block-navigation-item__content:focus-visible,
.mygc-main-nav .nav-country .wp-block-navigation-item__content:active {
	background-color: var(--wp--preset--color--country-teal);
}

.mygc-main-nav .nav-culture .wp-block-navigation-item__content:hover,
.mygc-main-nav .nav-culture .wp-block-navigation-item__content:focus-visible,
.mygc-main-nav .nav-culture .wp-block-navigation-item__content:active {
	background-color: var(--wp--preset--color--culture-red);
}

.mygc-main-nav .nav-vacation .wp-block-navigation-item__content:hover,
.mygc-main-nav .nav-vacation .wp-block-navigation-item__content:focus-visible,
.mygc-main-nav .nav-vacation .wp-block-navigation-item__content:active {
	background-color: var(--wp--preset--color--vacation-green);
}

.mygc-main-nav .nav-business .wp-block-navigation-item__content:hover,
.mygc-main-nav .nav-business .wp-block-navigation-item__content:focus-visible,
.mygc-main-nav .nav-business .wp-block-navigation-item__content:active {
	background-color: var(--wp--preset--color--business-blue);
}

.mygc-main-nav .nav-politics .wp-block-navigation-item__content:hover,
.mygc-main-nav .nav-politics .wp-block-navigation-item__content:focus-visible,
.mygc-main-nav .nav-politics .wp-block-navigation-item__content:active {
	background-color: var(--wp--preset--color--politics-gray);
}

.mygc-main-nav .nav-info .wp-block-navigation-item__content:hover,
.mygc-main-nav .nav-info .wp-block-navigation-item__content:focus-visible,
.mygc-main-nav .nav-info .wp-block-navigation-item__content:active {
	background-color: var(--wp--preset--color--info-purple);
}

.mygc-main-nav .nav-booking .wp-block-navigation-item__content:hover,
.mygc-main-nav .nav-booking .wp-block-navigation-item__content:focus-visible,
.mygc-main-nav .nav-booking .wp-block-navigation-item__content:active {
	background-color: var(--wp--preset--color--booking-orange);
}

.mygc-main-nav .nav-blog .wp-block-navigation-item__content:hover,
.mygc-main-nav .nav-blog .wp-block-navigation-item__content:focus-visible,
.mygc-main-nav .nav-blog .wp-block-navigation-item__content:active {
	background-color: var(--wp--preset--color--blog-gold);
}


/* ==========================================================================
   MAIN NAVIGATION – Mobile-Overlay (Hamburger-Menü)
   (identisch zum Haupt-Theme; Begruendungen dort)
   ========================================================================== */

/* Close-Button (X): klebte am oberen rechten Rand */
.mygc-main-nav .wp-block-navigation__responsive-container-close {
	margin: var(--wp--preset--spacing--4);
}

/* Sektions-Links im geöffneten Overlay: klebten am linken Rand. */
.mygc-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding: var(--wp--preset--spacing--4);
}

/* Hover-Pill-Innenabstand im Overlay zur Sicherheit erneut gesetzt */
.mygc-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	padding-inline: 0.45em;
}

/* Hamburger-Button (geschlossen) + X-Button (offen): Hover-Pill-Effekt */
.mygc-main-nav .wp-block-navigation__responsive-container-open,
.mygc-main-nav .wp-block-navigation__responsive-container-close {
	align-items: center;
	justify-content: center;
	padding: 0.4em;
	border-radius: 4px;
	transition: background-color 0.15s ease, color 0.1s ease;
}

.mygc-main-nav .wp-block-navigation__responsive-container-open:hover,
.mygc-main-nav .wp-block-navigation__responsive-container-open:focus-visible,
.mygc-main-nav .wp-block-navigation__responsive-container-open:active,
.mygc-main-nav .wp-block-navigation__responsive-container-close:hover,
.mygc-main-nav .wp-block-navigation__responsive-container-close:focus-visible,
.mygc-main-nav .wp-block-navigation__responsive-container-close:active {
	background-color: var(--wp--preset--color--button-silver);
	color: var(--wp--preset--color--politics-gray);
	outline: none;
}

/* Subtle press feedback, analog zu den Sektions-Links */
.mygc-main-nav .wp-block-navigation__responsive-container-open:active,
.mygc-main-nav .wp-block-navigation__responsive-container-close:active {
	opacity: 0.80;
}


/* ==========================================================================
   BREADCRUMBS (identisch zum Haupt-Theme)
   [mygc_breadcrumbs] outputs a bare <ol> inside .mygc-breadcrumbs.
   ========================================================================== */

.mygc-breadcrumbs {
	padding-block: var(--wp--preset--spacing--2);
}

/* Horizontal flex list, wraps on narrow screens */
.mygc-breadcrumbs ol {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 0.4rem;
	color: var(--wp--preset--color--politics-gray);
}

.mygc-breadcrumbs ol li {
	display: flex;
	align-items: center;
	gap: 0 0.4rem;
}

/* "›" separator before every item except the first */
.mygc-breadcrumbs ol li + li::before {
	content: "›";
	font-size: var(--wp--preset--font-size--x-large);
	color: var(--wp--preset--color--politics-gray);
	flex-shrink: 0;
}

.mygc-breadcrumbs ol a {
	color: var(--wp--preset--color--link-blue);
	text-decoration: underline;
}

.mygc-breadcrumbs ol a:hover {
	color: #0000cc;
	text-decoration: none;
}

.mygc-breadcrumbs ol a:visited {
	color: #0000ff;
}

/* Current page: last list item, set via aria-current="page" */
.mygc-breadcrumbs ol li[aria-current="page"] span {
	color: #000;
	font-weight: 600;
}


/* ==========================================================================
   MAIN CONTENT WRAPPER (.site-main)
   Basis-Padding, gilt auf JEDER Seite inkl. 404 — bleibt daher hier in der
   globalen style.css. Das Blog-spezifische 2-Spalten-Layout (.mygc-blog-cols)
   sitzt in assets/css/blog.css (nicht auf 404 geladen).
   ========================================================================== */
.site-main {
	padding-bottom: var(--wp--preset--spacing--7);
	/* kein eigenes Top-Padding: .mygc-breadcrumbs liefert bereits
	   padding-bottom direkt darueber. */
}

/* ==========================================================================
   FOOTER NAVIGATION (identisch zum Haupt-Theme)
   ========================================================================== */

.mygc-footer-nav.wp-block-list,
.mygc-footer-admin.wp-block-list {
	list-style: none;
	padding-inline-start: 0;
}

.mygc-footer-nav.wp-block-list {
	margin: 0.375rem 0 0;
	font-size: var(--wp--preset--font-size--x-small);
}

.mygc-footer-nav.wp-block-list li + li {
	margin-top: 0.125rem;
}

.mygc-footer-admin.wp-block-list {
	margin: 0.25rem 0;
}

.mygc-footer-admin.wp-block-list li + li {
	margin-top: 0.0625rem;
}

.mygc-footer-nav a,
.mygc-footer-admin a {
	display: block;
	color: #000;
	text-decoration: none;
}

.mygc-footer-nav a:hover,
.mygc-footer-admin a:hover {
	text-decoration: underline;
}

/* Prevent avatar from shrinking in the flex row */
.mygc-footer-avatar {
	flex-shrink: 0;
}

/* Links im About-Textbereich: umgekehrtes Underline-Verhalten */
.mygc-footer-about a {
	color: #000;
	text-decoration: underline;
}
.mygc-footer-about a:hover { text-decoration: none; }

/* Copyright line rendered by [mygc_copyright] shortcode */
.mygc-copyright {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--politics-gray);
	margin: 0 0 0.5rem;
}

/* Außenabstand des gesamten Footers */
.mygc-site-footer {
	border-top: 1px solid #e3e5e7;
	padding-block: var(--wp--preset--spacing--6);
}

/* Row-Gap greift NUR, wenn die Columns umbrechen */
.mygc-footer-cols.wp-block-columns { gap: var(--wp--preset--spacing--6) var(--wp--preset--spacing--7); }

/* Sektions-Reihen: responsives Grid, hart gedeckelt auf max. 4 Spalten */
.mygc-footer-row.wp-block-columns {
	display: grid;
	grid-template-columns: repeat(
		auto-fit,
		minmax(max(120px, calc((100% - 3 * var(--wp--preset--spacing--4)) / 4)), 1fr)
	);
	gap: var(--wp--preset--spacing--4);
}

/* Sektions-Headings — Link fuellt die volle Heading-Breite; Pill-Hover */
.mygc-footer-heading {
	margin: 0 0 0.375rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 1.2;
}

.mygc-footer-heading a {
	display: flex;
	align-items: center;
	color: inherit;
	text-decoration: none;
	padding-block: 0.15em 0.29em;
	padding-inline: 0.4em;
	margin-inline-start: -0.4em;
	border-radius: 4px;
	transition: background-color 0.15s ease, color 0.1s ease;
}

.mygc-footer-heading a:hover,
.mygc-footer-heading a:focus-visible {
	color: #fff;
	text-decoration: none;
	outline: none;
}

.mygc-footer-heading a:active {
	opacity: 0.80;
}

/* Pro-Sektion Hintergrundfarbe bei Hover/Focus */
.mygc-footer-heading.has-country-teal-color a:hover,
.mygc-footer-heading.has-country-teal-color a:focus-visible { background-color: var(--wp--preset--color--country-teal); }

.mygc-footer-heading.has-culture-red-color a:hover,
.mygc-footer-heading.has-culture-red-color a:focus-visible { background-color: var(--wp--preset--color--culture-red); }

.mygc-footer-heading.has-vacation-green-color a:hover,
.mygc-footer-heading.has-vacation-green-color a:focus-visible { background-color: var(--wp--preset--color--vacation-green); }

.mygc-footer-heading.has-business-blue-color a:hover,
.mygc-footer-heading.has-business-blue-color a:focus-visible { background-color: var(--wp--preset--color--business-blue); }

.mygc-footer-heading.has-politics-gray-color a:hover,
.mygc-footer-heading.has-politics-gray-color a:focus-visible { background-color: var(--wp--preset--color--politics-gray); }

.mygc-footer-heading.has-info-purple-color a:hover,
.mygc-footer-heading.has-info-purple-color a:focus-visible { background-color: var(--wp--preset--color--info-purple); }

.mygc-footer-heading.has-booking-orange-color a:hover,
.mygc-footer-heading.has-booking-orange-color a:focus-visible { background-color: var(--wp--preset--color--booking-orange); }

/* Rechte Spalte — Border, Padding + Basis-Typo */
.mygc-footer-aside {
	border-left: 1px solid #e3e5e7;
	padding-left: var(--wp--preset--spacing--6);
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--politics-gray);
}

/* Absatz direkt neben dem Avatar: kein Standard-Margin */
.mygc-footer-about-intro p {
	margin: 0;
}

/* About-Intro: Avatar + Text nebeneinander */
.mygc-footer-about-intro {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--4);
	margin-bottom: var(--wp--preset--spacing--3);
}

/* Avatar-Rundung + Zuschnitt */
.mygc-footer-avatar img { border-radius: 4px; object-fit: cover; }

/* Divider */
hr.mygc-footer-sep { border: 0; border-top: 1px solid #e3e5e7; margin-block: 0.75rem; }

/* Tagline-Abstand */
.mygc-footer-tagline { margin-top: 0.5rem; }


/* ==========================================================================
   RESPONSIVE – ADDITIONAL BREAKPOINTS (Teilmenge des Haupt-Themes)
   ========================================================================== */

/* ── Header: let the search drop below the logo on very narrow screens ── */
@media (max-width: 399px) {
	.mygc-site-header .wp-block-search.mygc-header-search {
		width: 100%;
	}
	.mygc-header-search .wp-block-search__input {
		min-width: 0;
		flex: 1 1 0%;
	}
}

/* Trennlinie zum About-Bereich beim Footer-Stapeln */
@media (max-width: 781px) {
	.mygc-footer-aside {
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid #e3e5e7;
		padding-top: var(--wp--preset--spacing--6);
	}
}


/* ==========================================================================
   ACCESSIBILITY UTILITY (identisch zum Haupt-Theme)
   ========================================================================== */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}


/* ==========================================================================
   PRINT (Haupt-Theme-Regeln, Selektoren an Blog angepasst)
   ========================================================================== */

@media print {
	/* Hide non-essential chrome */
	.mygc-site-header .wp-block-navigation,
	.mygc-site-header .mygc-header-search,
	.mygc-breadcrumbs,
	.mygc-sidebar-blog,
	.mygc-social-share,
	.mygc-site-footer,
	.wp-block-post-comments-form,
	.wp-block-query-pagination {
		display: none !important;
	}

	/* Ensure all links print with text visible and underlined */
	a {
		color: #000 !important;
		text-decoration: underline;
	}

	/* Print URLs next to external links */
	.wp-block-post-content a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 0.75em;
		word-break: break-all;
	}

	/* Images should never overflow the page */
	img {
		max-width: 100% !important;
		page-break-inside: avoid;
	}

	/* Keep headings with the paragraph that follows */
	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
	}
}