/*
Theme Name:  BAUWIKI 2026
Description: Child Theme für BAUWIKI 2026
Author:      REALDOT
Author URI:  https://www.realdot.de
Template:    yootheme
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bauwiki-2026
*/

/* =============================================================
   Navbar – Glass-Effekt
   ============================================================= */

.uk-navbar-container {
    margin-top: 20px;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 0px;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,0.4),
        0 8px 32px rgba(0,0,0,0.15);
}

.uk-navbar-transparent {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border-radius: 0px;
    border: 1px solid rgba(255,255,255,0.12);
}

.uk-navbar-nav > li {
    transition:
        box-shadow 0.35s cubic-bezier(0.4, 0.0, 0.2, 1),
        transform 0.25s ease,
        background-color 0.25s ease;
    will-change: box-shadow, transform;
}

.uk-navbar-nav > li:hover {
    box-shadow:
        rgba(50, 50, 93, 0.15) 0px 20px 40px -12px inset,
        rgba(0, 0, 0, 0.15) 0px 12px 24px -18px inset;
    transform: translateY(-2px);
}

.uk-navbar-nav > li:not(:first-child).uk-active,
.uk-navbar-nav > li:not(:first-child).current-menu-item {
    box-shadow:
        rgba(50, 50, 93, 0.15) 0px 20px 40px -12px inset,
        rgba(0, 0, 0, 0.15) 0px 12px 24px -18px inset;
    transform: translateY(-2px);
}


.tm-header .uk-navbar-container.uk-navbar-transparent {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: min(1200px, 1400px);
    margin: 0;
    border-radius: 100px;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,0.4),
        0 8px 32px rgba(0,0,0,0.15);
}

/* =============================================================
   Mobile Typographie (< 768 px)
   ============================================================= */
@media (max-width: 767px) {

    /* Native + UIkit Headings */
    h1, .uk-h1                { font-size: 1.75rem;  line-height: 1.2;  }
    h2, .uk-h2                { font-size: 1.375rem; line-height: 1.25; }
    h3, .uk-h3                { font-size: 1.125rem; line-height: 1.3;  }
    h4, .uk-h4                { font-size: 1rem;     line-height: 1.4;  }

    /* UIkit Display-Headings */
    .uk-heading-2xlarge       { font-size: 2.25rem;  line-height: 1.1;  }
    .uk-heading-xlarge        { font-size: 2rem;     line-height: 1.1;  }
    .uk-heading-large         { font-size: 1.75rem;  line-height: 1.15; }
    .uk-heading-medium        { font-size: 1.5rem;   line-height: 1.2;  }
    .uk-heading-small         { font-size: 1.25rem;  line-height: 1.25; }

    /* Fließtext-Lead */
    .uk-text-lead             { font-size: 1rem;     line-height: 1.5;  }

    /* Custom-Klassen */
    .custom-mobile-headline   { font-size: 24px !important; line-height: 1.1; }
    .mobile-center            { text-align: center !important; }
}

/* Off-Canvas über der fixierten Navbar */
#tm-dialog-mobile {
    z-index: 10000;
}

/* Pill-Form + Positionierung immer aktiv – unabhängig vom Hero-Typ */
.tm-header-mobile .uk-navbar-container {
    position: fixed;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: calc(100% - 32px);
    margin: 0;
    border-radius: 100px;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,0.4),
        0 8px 32px rgba(0,0,0,0.15);
}

/* Glass-Effekt nur wenn transparent (Overlay-Hero) */
.tm-header-mobile .uk-navbar-container.uk-navbar-transparent {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid rgba(255,255,255,0.12);
}