/* nawwal.de – Korrekturen für das statische Archiv
   (wird nach den Theme-Styles auf allen Seiten geladen) */

/* ---------- Responsive: kein grauer Rand links/rechts ----------
   Das Theme setzt unter 1024 px feste Breiten (768/480/320 px)
   auf grauem Body-Hintergrund. */
html body { background: #fff; }
@media only screen and (max-width: 1023px) {
	html #wrapper,
	html #footer,
	.centered-wrapper,
	.wpb_row.in_container,
	#header .one-fourth {
		width: 100% !important;
		box-sizing: border-box;
	}
	.centered-wrapper { padding-left: 20px; padding-right: 20px; }
	.centered-wrapper .centered-wrapper { padding-left: 0 !important; padding-right: 0 !important; }
	img { max-width: 100%; height: auto; }
}

/* ---------- Lesbarkeit / Kontrast ---------- */

/* Textlinks: Pink #FF00BF hat auf Weiß nur 3,5:1 -> dunkleres Magenta (5,5:1) */
a,
a.more-link,
.sidebar-post span a,
ul#mainnav > li.current > a span { color: #c8008f; }

/* Footer-Text */
#bottomfooter p { color: #595959; }

/* Dunkle Abschnitte der Startseite: <strong> ist im Theme fest #323232 */
.has-black-background-color strong,
.has-black-background-color h1,
.has-black-background-color h2 { color: #fff; }

/* Grauer Fließtext (#999) auf dunklem Grund/Foto aufhellen */
.has-black-background-color p[style*="999999"] { color: #d6d6d6 !important; }

/* „About me“: halbtransparentes Schwarz ergab nur Mittelgrau */
.has-black-background-color[style*="0.50"] { background-color: rgba(0, 0, 0, 0.82) !important; }

/* Zitat-Band (#444 auf Schwarz) */
h2.parallax-quote { color: #fff; }
.quote-author { color: #c8c8c8; }

/* Texte direkt auf Fotos (Slider, Foodporn-Kacheln) */
.portfolio-item h1, .portfolio-item h3,
.nawwal-slider h1, .nawwal-slider h2, .nawwal-slider p {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* ---------- Statische Galerien (ersetzen Fast-Gallery-Plugin) ---------- */
.nawwal-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 24px 0; }
.nawwal-gallery a { display: block; overflow: hidden; line-height: 0; }
.nawwal-gallery img { width: 100%; height: auto; aspect-ratio: 500/327; object-fit: cover; transition: transform .3s; }
.nawwal-gallery a:hover img { transform: scale(1.04); }
@media (max-width: 767px) { .nawwal-gallery { grid-template-columns: repeat(2, 1fr); } }