/* Custom Header Transparency for Homepage */
body.home .top-wraper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: transparent !important;
}

body.home #sexy-menu {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
}


body.home .navigation {
    background: transparent !important;
}

/* Ensure detached/sticky header still has background */
body.home #sexy-menu.detached {
    position: fixed !important;
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

body.home #sexy-menu.detached .nav-menu > li > a {
    color: #333333 !important;
}

/* Logo adjustments if needed when transparent */
body.home #sexy-menu:not(.detached) .nav-menu > li > a {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

body.home #sexy-menu:not(.detached) .header-contact a {
    color: #ffffff !important;
}

body.home #sexy-menu:not(.detached) .wh-top {
    border-right-color: rgba(255,255,255,0.2) !important;
}