/*
Theme Name: Wordpress
Theme URI: https://wordpress.org/themes/wordpress/
Author: Senior WP Dev
Author URI: https://wordpress.org
Description: Ein schlankes, barrierefreies Block-Theme für WordPress 6.8+. Vollständig kompatibel mit dem Block-Editor, bietet es flexible Design-Optionen und eine Vielzahl von Patterns. Perfekt für persönliche Blogs, Portfolios, Business-Websites und Online-Magazine. Unterstützt internationale Typografie und verschiedene Farbpaletten für weltweite Zugänglichkeit.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.3
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wordpress
Tags: one-column, two-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

/*
 * Link-Styles
 * Optimiert für bessere Lesbarkeit und Zugänglichkeit
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.15em;
}

/* 
 * Focus-Styles für Barrierefreiheit
 * WCAG 2.1 AA konform
 */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
	outline-offset: 2px;
}

/* Verbesserte Sichtbarkeit für Fokus bei dunklem Hintergrund */
:where(.has-contrast-background-color *:focus),
:where(.has-primary-background-color *:focus) {
	outline-color: var(--wp--preset--color--base);
}

/* Navigation Submenü-Abstände für bessere Outline-Sichtbarkeit */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 4px;
}

/* Outline-Offset für Parent-Menüelemente */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Submenü Outline-Anpassung */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive Enhancement für bessere Typografie
 * Reduziert Hurenkinder und Schusterjungen
 */
h1, h2, h3, h4, h5, h6, 
blockquote, caption, figcaption, 
p, .wp-block-quote__citation {
	text-wrap: pretty;
}

/* Optimierung für Balance bei kurzen Überschriften */
h1, h2, h3 {
	text-wrap: balance;
}

/*
 * More-Link als Block-Element
 * Bessere Positionierung und Klickfläche
 */
.more-link {
	display: block;
	margin-top: var(--wp--preset--spacing--30);
}

/*
 * Skip-Link Styles
 * Wichtig für Tastaturnavigation
 */
.skip-link {
	position: absolute;
	left: -9999px;
	z-index: 999999;
}

.skip-link:focus {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 1rem;
	z-index: 100000;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	text-decoration: none;
	border-radius: 3px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/*
 * Responsive Embeds
 * Optimierung für verschiedene Bildschirmgrößen
 */
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position: relative;
	padding-top: 56.25%;
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
 * Print Styles
 * Optimierung für Druckausgabe
 */
@media print {
	.wp-site-blocks > * {
		margin: 0;
		padding: 0;
	}
	
	.wp-block-navigation,
	.skip-link,
	.wp-block-search,
	.wp-block-comments-form {
		display: none !important;
	}
}