/* Target a specific submenu item by link href */
.wp-block-navigation__submenu-container a{
  align-items: center;
}

.wp-block-navigation__submenu-container a::before {
    display: inline-block; 
    font-family: 'iocon'; 
    font-size: 20px;
    margin-inline-end: 6px;
}
.wp-block-navigation__submenu-container a[href*="maintenance-repair"]::before {
  content: '\E915';    
}
.wp-block-navigation__submenu-container a[href*="cleaning"]::before {
  content: '\E92C';    
}
.wp-block-navigation__submenu-container a[href*="disinfection-sanitization"]::before {
  content: '\E91E';    
}
.wp-block-navigation__submenu-container a[href*="catering"]::before {
  content: '\e92b';    
}
.wp-block-navigation__submenu-container a[href*="pest-control"]::before {
  content: '\E91F';    
}

/* Industries  */
.wp-block-navigation__submenu-container a[href*="industrial"]::before {
  content: '\e92d';    
}
.wp-block-navigation__submenu-container a[href*="banking"]::before {
  content: '\E91C';    
}
.wp-block-navigation__submenu-container a[href*="healthcare"]::before {
  content: '\e930';    
}
.wp-block-navigation__submenu-container a[href*="technology"]::before {
  content: '\E919';    
}
.wp-block-navigation__submenu-container a[href*="commercial"]::before {
  content: '\e92f';    
}
.wp-block-navigation__submenu-container a[href*="education"]::before {
  content: '\e92e';    
}

.wp-block-navigation__submenu-container a[href*="contact-us"]::before {
  content: '\E92A'
}
.wp-block-navigation__submenu-container a[href*="project"]::before {
  content: '\E923';    
}
.wp-block-navigation__submenu-container a[href*="about-us"]::before {
  content: '\E924';    
}
.wp-block-navigation__submenu-container a[href*="blog"]::before {
  content: '\E922';    
}
.wp-block-navigation__submenu-container a[href*="case-studies"]::before {
  content: '\E921';    
}

/* overlay header */
.wp-block-navigation-item__content {
  padding: 20px 0;
  text-decoration: none;
}

/* Scroll effect */
.position-absolute-header.scrolled {
  background-color: var(--ios-color-white);
  box-shadow: 0 2px 8px var(--ios-color-black-transparent);

}
 .header-mobile.scrolled {
  background-color: var(--ios-color-white);
  color: var(--ios-color-black);
  box-shadow: 0 2px 8px var(--ios-color-black-transparent);
}

.position-absolute-header.scrolled .wp-block-navigation {
  color: var(--ios-color-black);
}

.position-absolute-header.scrolled .trp-language-switcher div{
  background-color: transparent;
  transition: background-color 0.9s ease;
}
.position-absolute-header.scrolled .trp-language-switcher div a{
    color: var(--ios-color-black);
}


/* Style dropdown items */
.sub-menu-services-label a{
  background-color: var(--ios-color-background);
  cursor: context-menu;
  font-size: smaller !important;
}

.sub-menu-services-label a:hover{
background-color: var(--ios-color-background) !important;
}

.sub-menu-industries-label a{
  background-color: var(--ios-color-background);
  border-top: solid 0.5px var(--ios-color-text-muted);
  cursor: context-menu;
  font-size: smaller !important;
  padding-top: 10px !important;
}
.sub-menu-industries-label a{
  background-color: var(--ios-color-background) !important;
}



/* ---------------------------- */
.home-page-header .logo-wrapper {
  filter: brightness(0) invert(1);
}

.position-absolute-header.scrolled .logo-wrapper {
  filter:none;
}
.position-absolute-header:hover .logo-wrapper {
  filter:none;
}
.position-absolute-header.scrolled .translate-button {
  color: var(--ios-color-black);
}

.position-absolute-header:hover{
  background-color: var(--ios-color-background);
  box-shadow: 0 2px 8px var(--ios-color-black-transparent);
  color: var(--ios-color-black);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.position-absolute-header.scrolled {
  background-color: var(--ios-color-background);
  box-shadow: 0 2px 8px var(--ios-color-black-transparent);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.position-absolute-header.scrolled .wp-block-navigation a {
  color: #111;
}

/* Rotate the icon */
.wp-block-navigation-item:hover .wp-block-navigation__submenu-icon svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.wp-block-navigation__submenu-icon svg {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.wp-block-navigation .wp-block-navigation__submenu-icon{
font-size: 30px;
}

/* heade Responsive */
/* Show desktop header on larger screens */
.wp-block-template-part .header-mobile {
    background-color: transparent;
    position: absolute;
    width: 100%;
}
.wp-block-template-part .header-mobile.scrolled {
  background-color: var(--ios-color-background);
  box-shadow: 0 2px 8px var(--ios-color-black-transparent);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.wp-block-template-part .header-mobile.scrolled .header-mobile-logo-color{
  filter:none !important;
}
.wp-block-template-part .header-mobile .header-mobile-logo-color{
  filter: brightness(0) invert(1);
}
.wp-block-template-part .header-mobile.scrolled .wp-block-navigation__responsive-container-open{
    color: var(--ios-color-black);
}

.wp-block-template-part .header-mobile{
  display: none ;
}
.home-page-header .header-mobile{
  display: none ;
}

@media (max-width: 985px) {
  .home-page-header .logo-wrapper{
    width: 150px;
  }
  .iocon-world:before {
  font-size: 20px;
} 
.home-page-header .header-mobile{
  display: block ;
}
.header-desktop {
  display: none !important;
}

.wp-block-template-part .header-mobile{
    width: 100%;
    display: flex;
  }
  .position-absolute-header:hover{
  background-color: transparent;
  box-shadow: none;
  color: var(--ios-color-background);
}

}


/* Initially hide dropdown */
.services-drop-down-menu-items,
.company-drop-down-menu-items,
.resources-drop-down-menu-items {
  display: none;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}

/* Active state for dropdown items */
.services-drop-down-menu-items.active,
.company-drop-down-menu-items.active,
.resources-drop-down-menu-items.active {
  display: block;
  opacity: 1;
  max-height: 500px; /* Adjust this value based on your content */
}


.wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-cb46ffcb.wp-block-group-is-layout-flex{
width: 100%;
}

/* Rotate icon when active */
.mobile-drop-down-menu.active .iocon-arrow-down {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.header-menu-toggle{
  display: none;
  width: 100%;
}

.menu-toggle::before {
  content: "☰"; 
  font-size: 24px;
  cursor: pointer;
}

.menu-toggle.expanded::before {
  content: "✖"; 
}

.menu-toggle::before {
  transition: content 0.9s ease-in-out;
}

.header-lists{
  list-style: none;
  padding-left: 15px;
}
.header-lists a{
  text-decoration: none;
}

/* Parent link with children */

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  padding: 10px 0;
  background-color: var(--ios-color-background);
  border: none;
}

.wp-block-navigation__submenu-container a {
  color: #1a1a1a;
  display: block;
  font-size:medium;
  padding: 1px 8px;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}

/* Style submenu links */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  margin: 0 8px;
}

.wp-block-navigation__submenu-container a:hover {
  background-color: var(--ios-color-link-hover);
}

