/*
Theme Name: Riedelsschmiede Child
Theme URI: https://riedelsschmiede.de
Description: Child Theme für Twenty Twenty-Five.
Author: Melchior Pfalzgraff
Author URI: https://riedelsschmiede.de
Template: twentytwentyfive
Version: 1.0.0
Text Domain: riedelsschmiede-child
*/


/* Eigene Anpassungen ab hier */


/* Beispiel: Navigationsbubble */


/* Der bereits nativ "oben gehaltene" Header-Wrapper wird zur Bubble */


/* Äußerer nativ-sticky Bereich: nur als transparenter Layer */

.floating-header-wrapper {
    z-index: 9999;
    background: transparent !important;
    margin-bottom: -110px;
    padding-top: 20px;
}


/* Die eigentliche Bubble mit Logo + Navigation */

.nav-bubble {
    pointer-events: auto;
    width: min(calc(100vw - 48px), 1480px);
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    padding: 16px 32px;
    border-radius: 999px;
    background: rgba(14, 14, 14, 0.82);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}


/* Farben in der Bubble */

.nav-bubble,
.nav-bubble a {
    color: #f5f2ea !important;
}


/* Navigation innerhalb der Bubble normal lassen */

.nav-bubble .wp-block-navigation {
    position: static !important;
    transform: none !important;
    width: auto;
    max-width: none;
    padding: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}


/* Website-Titel etwas ruhiger */

.nav-bubble .wp-block-site-title a {
    text-decoration: none;
    font-weight: 600;
    letter-spacing: -0.03em;
}


/* Menü etwas edler/luftiger */

.nav-bubble .wp-block-navigation a {
    text-decoration: none;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
}

.current-menu-item a {
    color: #E5BC46 !important;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover,
:root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover) {
    color: #E5BC46;
    text-decoration: none;
}

.wp-block-navigation-item__content:focus,
:root :where(.wp-block-site-title a:where(:not(.wp-element-button))):focus {
    outline: none;
}

:root :where(a:where(:not(.wp-element-button)):hover),
:where(.wp-site-blocks :focus),
.wp-block-details summary {
    outline: none !important;
}


/* Mobile */

@media (max-width: 782px) {
    .floating-header-wrapper {
        padding-top: 12px;
        margin-bottom: -76px;
    }
    .nav-bubble {
        width: calc(100vw - 24px);
        padding: 12px 18px;
        border-radius: 999px;
    }
    .nav-bubble .wp-block-site-title a {
        font-size: 1rem;
    }
    .nav-bubble .wp-block-navigation {
        font-size: 0.9rem;
    }
    .wp-block-cover.mobile-opacity-04 .wp-block-cover__image-background {
        opacity: 0.4;
    }
    .wpcf7-text,
    .wpcf7-textarea {
        box-sizing: border-box;
    }
    .wpcf7-submit {
        width: 100%;
    }
}

.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
    max-width: 500px;
    font-size: 16px;
    padding: 10px;
    font-family: 'Inter';
}

.wpcf7-text {
    margin-bottom: 15px;
}

.wpcf7-list-item-label {
    font-size: 14px;
    font-family: 'Inter';
}

.wpcf7-list-item {
    margin-left: 0px;
}

.wpcf7-form p {
    margin: 0px;
}

.wpcf7-submit {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 8px;
    color: #151515;
    background-color: #e5bc46;
    padding-top: 14px;
    padding-right: 28px;
    padding-bottom: 14px;
    padding-left: 28px;
    border-width: 0px;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: 'Inter';
}