/**
 * Astra Sticky Menu - CSS
 * Styles for sticky navigation
 */

/* Main sticky class */
.site-header.asm-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    animation: slideDown 0.3s ease-out;
}

/* Slide down animation */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Shrink effect when enabled */
.site-header.asm-sticky.asm-shrink {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.site-header.asm-sticky.asm-shrink .site-branding img,
.site-header.asm-sticky.asm-shrink .custom-logo-link img {
    max-height: 50px !important;
    transition: max-height 0.3s ease;
}

/* Shadow effect */
.site-header.asm-sticky.asm-shadow {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Placeholder to prevent content jump */
.asm-placeholder {
    display: none;
}

.asm-placeholder.active {
    display: block;
}

/* Ensure menu transitions smoothly */
.site-header {
    transition: all 0.3s ease;
}

/* Mobile menu compatibility */
@media (max-width: 921px) {
    .site-header.asm-sticky {
        position: fixed !important;
    }
    
    .site-header.asm-sticky .main-header-bar {
        background-color: inherit;
    }
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Additional Astra-specific adjustments */
.ast-header-break-point .site-header.asm-sticky {
    width: 100%;
}

.site-header.asm-sticky .main-header-container {
    transition: padding 0.3s ease;
}