header.wp-block-template-part {
    height: 92.45px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
    transition: all 0.3s ease-in-out;
    will-change: height;
}

header.wp-block-template-part.shrink > .wp-block-group {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Add padding to body to prevent content from jumping when header becomes fixed */
body:not(.logged-in) {
    padding-top: 92.45px;
}

@media (min-width: 850px) {
    body:not(.logged-in) {
        padding-top: 130px;
    }
}

body.logged-in {
    padding-top: 110px;
}

/* Ensure all header elements transition smoothly */
header.wp-block-template-part > * {
    transition: all 0.3s ease-in-out;
}

@media (min-width: 850px) {
    .logged-in header.wp-block-template-part {
        margin-top: 32px;
    }  
}

@media only screen and (min-width: 850px) and (max-width: 1380px) {
    body.logged-in {
        padding-top: 130px;
    }  
}


/* Adjust logo size when header shrinks */
header.wp-block-template-part .site-logo img {
    height: 60px; /* Adjust this value based on your logo */
    width: auto;
}

header.wp-block-template-part.shrink .site-logo img {
    height: 45px; /* Adjust this value based on your logo */
}

@media (max-width: 850px) {
    body {
        padding-top: 64px;
    }

    header.wp-block-template-part {
        height: 64px;
    }

    header.wp-block-template-part.shrink {
        height: 64px;
    }

    header.wp-block-template-part.shrink > .wp-block-group {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
}