/* ===================================
   GLOBAL HEADER
=================================== */

.custom-header{
    width: 100%;
    z-index: 9999;
    transition: all .3s ease;
}

/* ===================================
   HOME PAGE HEADER
=================================== */

.home .custom-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent !important;
}

/* White menu on homepage */
.home .custom-header a,
.home .custom-header a.hfe-menu-item{
    color: #fff !important;
}

/* ===================================
   HOME PAGE SCROLL STATE
=================================== */

.home .custom-header.scrolled{
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

/* Dark menu after scroll */
.home .custom-header.scrolled a,
.home .custom-header.scrolled a.hfe-menu-item{
    color: #222 !important;
}

/* ===================================
   INNER PAGES
=================================== */

body:not(.home) .custom-header{
    position: relative;
    top: 0 !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
body:not(.home) .custom-header.scrolled {
    top: 30px !important;
}
/* ===================================
   ADMIN BAR FIX
   ONLY HOMEPAGE
=================================== */

body.admin-bar.home .custom-header,
body.admin-bar.home .custom-header.scrolled{
    top: 32px !important;
}

@media screen and (max-width:782px){

    body.admin-bar.home .custom-header,
    body.admin-bar.home .custom-header.scrolled{
        top: 46px !important;
    }

    .iconblock .e-child:not(:last-child)::after{display:none !important;}

    .iconblock .e-child {
    padding: 25px 0px !important;
}


}



/* HOME default (transparent header → white logo needed) */
.home .custom-header .hfe-site-logo-img{
    filter: brightness(0) invert(1);
}

/* after scroll → normal dark logo */
.home .custom-header.scrolled .hfe-site-logo-img{
    filter: none;
}

/* inner pages → dark logo */
body:not(.home) .custom-header .hfe-site-logo-img{
    filter: none;
}


/* ICON BLOCK CONTAINER */
.iconblock .e-con-inner{
display:flex;
gap:0;
}

/* EACH ICON BLOCK */
.iconblock .e-child{
position:relative;
padding:40px 30px;
flex:1;
}

/* VERTICAL SEPARATOR */
.iconblock .e-child:not(:last-child)::after{
content:"";
position:absolute;
top:20%;
right:0;
width:1px;
height:60%;
background:rgba(255,255,255,0.18);
}

/* OPTIONAL HOVER EFFECT */
.iconblock .e-child:hover{
transform:translateY(-4px);
transition:0.35s ease;
}