.float-header {
  position: absolute;
  top: 0;
  z-index: 999;
  width: 100%;
  .admin-bar & {
    top: 35px;
  }
}


///////////////////////////////////   Fixed Header  /////////////////////////////////////////////
.inverse-logo {
  display: none;
}

body:not(.has-header-cap) header.wp-block-template-part + main {
  margin-top: 0;
}

@media (min-width: 600px) {
  body:not(.has-transparent-header) header .inverse-logo {
    display: none;
    & + .custom-logo {
      display: block;
    }
  } 
  body.has-transparent-header header:not(.is-fixed) .wp-block-site-logo {
    img {
      display: none
    }
    .inverse-logo {
      display: block;
    }
  }


  body.has-dark-sticky-header header.is-fixed {
    .inverse-logo {
      display: block;
    }
    .custom-logo {
      display: none;
    }
  }
  body:not(.has-dark-sticky-header) header.is-fixed {
    .inverse-logo {
      display: none;
    }
  }

 .is-transparent-header header:not(.is-fixed) {
  &,
  .wp-block-navigation,
  .wc-block-mini-cart__amount {
    color: var(--wp--preset--color--base) !important;
  }
  .wp-block-site-logo {
    img {
      display: none
    }
    .inverse-logo {
      display: block;
    }
  }
 }

  .has-transparent-header header /*,
  header:has(.is-position-sticky)*/ {
    position: absolute;
    width: 100%;
    z-index: 10;

    --wp--preset--color--base: #000;
    --wp--preset--color--contrast: #fff;
    --wp--preset--color--heading: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--contrast);
  }

  .has-header-cap header {
    + main,  // Header cap
    + .wp-block-group.woocommerce.product {  // Header cap
      padding-top: 130px;
      margin-top: 0;
    }
  }


  header.is-sticky{
    position: fixed;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    top: var(--wp-admin--admin-bar--height, 0);
    width: 100%;
    z-index: 999;
  }
  header.is-fixed{   

    --wp--preset--color--base: #fff;
    --wp--preset--color--contrast: #000;

    body.has-dark-sticky-header & {
      --wp--preset--color--base: #000;
      --wp--preset--color--contrast: #fff;
    }

    background: rgb(255 255 255 / 90%);
    background: color-mix(in srgb, var(--wp--preset--color--base), transparent 15%);
    box-shadow: 4px 4px 18px 0px rgb(0 0 0 / 10%);
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all .4s ease-in-out;
    backdrop-filter: blur(10px) saturate(170%);
  }
}




@media (max-width: 600px) {
  header {
    background: var(--wp--preset--color--base);
    position: relative;
  }
}



header.wp-block-template-part {

  .header-4 {

    .wc-block-mini-cart__icon {
      width: 2.75em;
    }

    .wc-block-mini-cart__quantity-badge:after {
      background-color: transparent;
    }

    .wp-block-search__button.has-icon {
      line-height: 0;
      padding: 0;
      background: transparent;
      color: var(--wp--preset--color--contrast);
    }

  }

}