/* Modern Header Enhancements for Smart-Mag (ulm.tv) */

/* 1. Glassmorphism for Sticky Header */
.smart-head.is-sticky,
.smart-head-sticky,
.is-sticky-custom,
.is-sticky-custom .smart-head-main,
header.smart-head.is-sticky .smart-head-main {
    background: rgba(10, 15, 30, 0.75) !important; /* Dark bluish transparent */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    transition: background 0.3s ease, backdrop-filter 0.3s ease !important;
}

/* Base Navigation Font Adjustments to make it look cleaner */
.navigation > .menu > li > a,
.smart-head-main .navigation > ul > li > a {
    letter-spacing: 0.05em !important;
    font-weight: 700 !important;
    position: relative;
    padding-bottom: 5px !important;
    transition: color 0.3s ease !important;
}

/* 2. Animated Underlines (Glow / Swipe effect on Hover) */
.navigation > .menu > li > a::after,
.smart-head-main .navigation > ul > li > a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #007bff; /* Bright Blue */
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.6);
    transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.navigation > .menu > li:hover > a,
.smart-head-main .navigation > ul > li:hover > a {
    color: #007bff !important;
}

.navigation > .menu > li:hover > a::after,
.smart-head-main .navigation > ul > li:hover > a::after {
    width: 100%;
}

/* Remove default theme bottom borders if they exist */
.navigation > .menu > li.current-menu-item > a,
.navigation > .menu > li.current-menu-ancestor > a {
    border-bottom: none !important;
}
.navigation > .menu > li.current-menu-item > a::after {
    width: 100%;
    background: #ffffff; /* White for active page */
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

/* 3. Button Redesign (The 'KONTAKT' Button) */
.smart-head-main .button,
.smart-head-main a.button,
.smart-head-main .btn,
header a[href*="kontakt"] /* Fallback if it's customized */ {
    background: linear-gradient(135deg, #005ce6, #007bff) !important;
    border-radius: 8px !important; /* Rounded corners */
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3) !important;
    transform: translateY(0);
    transition: all 0.3s ease !important;
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    padding: 10px 24px !important;
}

.smart-head-main .button:hover,
.smart-head-main a.button:hover,
.smart-head-main .btn:hover,
header a[href*="kontakt"]:hover {
    background: linear-gradient(135deg, #007bff, #3399ff) !important;
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.5) !important;
    transform: translateY(-2px) !important;
}