/*
Theme Name: IPTVGerman
Theme URI: https://iptvgermanplus.de/
Author: IPTVGerman
Author URI: https://iptvgermanplus.de/
Description: Klassisches WordPress-Theme für IPTVGerman – 1:1 Design der statischen Seite (Schwarz/Rot/Gold, Bebas Neue & Inter), Startseite mit Hero, Preisen und FAQ, Keyword-Landingpages, Blog mit echten WordPress-Beiträgen, WhatsApp-Button und Customizer-Einstellungen für Hero-Texte, Preise, WhatsApp-Nummer und CTA-Links. Kompatibel mit Rank Math SEO.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iptvgerman
Tags: one-column, custom-menu, custom-logo, featured-images, blog
*/

/*
 * Das eigentliche Design liegt unverändert in assets/css/
 * (reset, variables, fonts, icons, main + landing bzw. legal) und wird in functions.php geladen.
 * Hier stehen nur Ergänzungen für WordPress-eigenes Markup.
 */

/* Barrierefreiheit */
.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 !important;
	width: 1px;
	word-wrap: normal !important;
}

/* Blog-Paginierung im Stil der Buttons.
   WordPress nutzt dafür die Klasse .nav-links – dieselbe wie das Hauptmenü in main.css –,
   deshalb werden die Menü-Regeln (mobiles Ausklappmenü) hier zurückgesetzt. */
.pagination { margin: var(--space-8, 32px) auto 0; max-width: var(--container); }
.pagination .nav-links,
.pagination .nav-links.open {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	position: static;
	width: auto;
	padding: 0;
	background: none;
	border: 0;
}
.pagination .nav-links a::after { display: none; }
.pagination .nav-links .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	padding: 8px 14px;
	border: 1px solid var(--gray-light, #2a2a2a);
	border-radius: 8px;
	color: var(--white, #fff);
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
}
.pagination .nav-links .page-numbers.current,
.pagination .nav-links a.page-numbers:hover { border-color: var(--gold, #ffcc00); color: var(--gold, #ffcc00); }

/* Sticky-Navigation unter der WordPress-Adminleiste (nur für eingeloggte Nutzer sichtbar) */
.admin-bar .navbar,
.admin-bar .legal-navbar { top: 32px; }
@media (max-width: 782px) {
	.admin-bar .navbar,
	.admin-bar .legal-navbar { top: 46px; }
}
@media (max-width: 600px) {
	.admin-bar .navbar,
	.admin-bar .legal-navbar { top: 0; }
}

/* Bilder & Ausrichtungen aus dem Editor */
.legal img { max-width: 100%; height: auto; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text { font-size: 13px; color: var(--gray, #888); }

/* Bild im Fließtext der Landingpages */
.k-figure { margin: 28px 0; }
.k-figure img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--border, #1e1e1e);
	border-radius: var(--radius-card-lg, 12px);
}

/* Beitragsbild aus der Mediathek wie die Original-Bilder darstellen */
.blog-thumb > img,
.article-hero > img { display: block; width: 100%; height: auto; }