/*
Theme Name: Sonderr Minimal
Theme URI: https://sonderr.de
Author: Sonderr
Author URI: https://sonderr.de
Description: A performance-focused, minimalist FSE blog theme with local fonts and accessibility in mind. Built for WordPress 6.9+ and PHP 8.5+.
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sonderr-minimal
Tags: blog, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, threaded-comments, translation-ready, wide-blocks, accessibility-ready
*/

/**
 * Minimal base styles - most styling is handled via theme.json
 * This file is required for WordPress theme recognition
 */

/* Manrope variable font - loaded locally for GDPR compliance */
@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("assets/fonts/Manrope/Manrope-VariableFont_wght.woff2")
        format("woff2-variations");
}

/* Accessibility improvements */
:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Skip to content link for keyboard navigation */
.skip-link {
    position: absolute;
    top: -999rem;
    left: 0;
    z-index: 999999;
    padding: 1rem 1.5rem;
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

.skip-link:focus {
    top: 0;
}

/* Improve readability */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure images are responsive */
img {
    height: auto;
    max-width: 100%;
    border-radius: 0.5rem;
}

/* Better table styling */
table {
    border-collapse: collapse;
    width: 100%;
    border-radius: 0.5rem;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Mobile Navigation Styling */
@media (max-width: 781px) {
    .wp-block-navigation__responsive-container.is-menu-open
        .wp-block-navigation__responsive-container-content {
        text-align: center;
    }

    .wp-block-navigation__responsive-container.is-menu-open
        .wp-block-navigation__responsive-container-content
        .wp-block-navigation__container {
        justify-content: center;
    }

    .wp-block-navigation__responsive-container.is-menu-open
        .wp-block-navigation-item
        a {
        font-size: var(--wp--preset--font-size--large) !important;
    }
}