/*
Theme Name:         FWWW Bootstrap Theme
Theme URI:          https://example.com
Description:        Ein modernes, schlankes WordPress-Theme auf Basis von Bootstrap 5 und Bootstrap Icons. Vollständig für den Gutenberg-Block-Editor optimiert.
Version:            1.0.0
Author:             Ihr Name / FWWW
Author URI:         https://example.com
Tags:               accessibility-ready, block-styles, full-site-editing, custom-menu, translation-ready
Text Domain:        fwww_theme
Requires at least:  6.0
Tested up to:       6.7
Requires PHP:       7.4
*/

/**
 * 1. WordPress Core & Gutenberg Kompatibilität
 * Verhindert Layout-Fehler bei der Nutzung von Standard-Blöcken.
 */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/**
 * 2. Bootstrap & Navigation Tweaks
 * Behebt kleinere Formatierungskonflikte zwischen WordPress und Bootstrap.
 */

/* Dropdown-Menüs bei Hover öffnen (Optional – falls gewünscht, sonst löschen) */
@media (min-width: 992px) {
    .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

/* Visuelles Feedback für das aktive Menüelement */
.navbar-nav .nav-item.active .nav-link {
    color: var(--bs-navbar-active-color);
    font-weight: 600;
}

/**
 * 3. Footer-Navigation Formatierung
 * Da die Fußnavigation über die Standard WordPress-Listen-Struktur ausgegeben wird,
 * sorgen diese Klassen für eine saubere Bootstrap-Optik ohne Aufzählungspunkte.
 */
.footer-nav-container ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.footer-nav-container ul li {
    margin-bottom: 0.5rem;
}

.footer-nav-container ul li a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}

.footer-nav-container ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

/**
 * 4. Gutenberg-Widget-Bereich im Footer
 * Überschreibt unschöne Standard-Abstände von Core-Blöcken im Footer.
 */
.widget .wp-block-group {
    padding: 0;
    margin: 0;
}