/*
Update September 2026
Styles arranging the inline-video content class added to the gallery.liquid section
*/

.video-container--full-height {
  height: 100% !important;
}

/*
in sections/header-color a variable is added and it allows the storeowner to set the menu color
the class header-white in the body makes all the job
*/
body.header-white:not(.scrolled-down):not(.modal-active):not(.nav-mega-open)
  .site-control:not(:hover) {
  .site-control__inner a,
  .site-control__inner .disclosure__toggle {
    color: #fff !important;
  }

  .shop-logo {
    opacity: 0;
  }
  .alt-logo {
    opacity: 1;
  }

  .nav-account,
  .cart,
  .icon-menu__bar {
    filter: brightness(0) invert(1);
  }
}

.site-control .nav-account,
.site-control .cart,
.site-control .icon-menu__bar {
  transition: filter 0.2s;
}

/* 29/09 Product Card Slider settings bc we're now using the slider preview */
.half-gutter .column.product-block {
  padding-right: 2px;
  padding-left: 2px;
}

.product-block .product-block__arrow:hover {
  background-color: transparent !important;
  color: inherit !important;
}

.product-block button.product-block__arrow svg,
.product-block .product-block__arrow:hover svg {
  fill: transparent !important;
}

.product-block .product-block--slide {
  object-fit: cover;
}
@media (max-width: 767px) {
  .wide-container .product-list.mob-two-col:not(.jiggly-split) .product-block {
    padding-right: 2px;
    padding-left: 2px;
  }
}