/* =========================================================
   OIL66 — unified hover theme
   White hover surface + accent red content.
========================================================= */
:root{--oil66-hover-bg:#fff;--oil66-hover-accent:#FFD700}

/* HOME HEADER */
#slo7-root .slo7-menu a::before,
#slo7-root .slo7-menu__cart::before{background:var(--oil66-hover-bg)!important}
#slo7-root .slo7-menu a:hover,
#slo7-root .slo7-menu a:focus-visible,
#slo7-root .slo7-menu__cart:hover,
#slo7-root .slo7-menu__cart:focus-visible{
  color:var(--oil66-hover-accent)!important;
  -webkit-text-fill-color:var(--oil66-hover-accent)!important;
  border-color:#fff!important
}
#slo7-root .slo7-menu a:hover svg,
#slo7-root .slo7-menu__cart:hover svg{color:var(--oil66-hover-accent)!important;stroke:var(--oil66-hover-accent)!important}
#slo7-root .slo7-menu__cart:hover .slo7-cart-count{background:var(--oil66-hover-accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* MAIN / DELIVERY CTA — replaces the old dark-blue fill */
#slo7-root .slo7-cta>span::before,
#slo7-root .slo7-cta>b::before,
.slo-delivery-page .slo7-cta>span::before,
.slo-delivery-page .slo7-cta>b::before{background:var(--oil66-hover-bg)!important}
#slo7-root .slo7-cta:hover>span>i,
#slo7-root .slo7-cta:focus-visible>span>i,
.slo-delivery-page .slo7-cta:hover>span>i,
.slo-delivery-page .slo7-cta:focus-visible>span>i{
  color:var(--oil66-hover-accent)!important;
  -webkit-text-fill-color:var(--oil66-hover-accent)!important
}
#slo7-root .slo7-cta:hover>b,
#slo7-root .slo7-cta:focus-visible>b,
.slo-delivery-page .slo7-cta:hover>b,
.slo-delivery-page .slo7-cta:focus-visible>b{color:var(--oil66-hover-accent)!important}
#slo7-root .slo7-cta:hover .slo7-cta__arrow,
#slo7-root .slo7-cta:focus-visible .slo7-cta__arrow,
.slo-delivery-page .slo7-cta:hover .slo7-cta__arrow,
.slo-delivery-page .slo7-cta:focus-visible .slo7-cta__arrow{
  background:var(--oil66-hover-accent)!important;
  background-image:none!important;
  -webkit-mask:url("../icons/arrow-up-right.svg") center/contain no-repeat!important;
  mask:url("../icons/arrow-up-right.svg") center/contain no-repeat!important;
  filter:none!important
}

/* CART */
#slo-cart-drawer .slo-cart-checkout:hover,
#slo-cart-drawer button.slo-cart-view:hover,
.slo-cart-checkout:hover,
.slo-cart-view:hover{
  background:#fff!important;
  background-color:#fff!important;
  border-color:#fff!important;
  color:var(--oil66-hover-accent)!important;
  -webkit-text-fill-color:var(--oil66-hover-accent)!important
}
#slo-cart-drawer .slo-cart-checkout:hover span,
#slo-cart-drawer .slo-cart-checkout:hover b,
.slo-cart-checkout:hover span,
.slo-cart-checkout:hover b{background:#fff!important;color:var(--oil66-hover-accent)!important;-webkit-text-fill-color:var(--oil66-hover-accent)!important}

/* SHOP HEADER */
.slo-shop-header__menu>a::before,
.slo-shop-header__cart::before,
.slo-shop-cart-trigger::before{background:#fff!important}
.slo-shop-header__menu>a:hover,
.slo-shop-header__menu>a:focus-visible,
.slo-shop-header__cart:hover,
.slo-shop-header__cart:focus-visible,
.slo-shop-cart-trigger:hover{
  color:var(--oil66-hover-accent)!important;
  -webkit-text-fill-color:var(--oil66-hover-accent)!important;
  border-color:#fff!important
}
.slo-shop-header__menu>a:hover svg,
.slo-shop-header__cart:hover svg,
.slo-shop-cart-trigger:hover svg{stroke:var(--oil66-hover-accent)!important;color:var(--oil66-hover-accent)!important}
.slo-shop-header__cart:hover b,
.slo-shop-cart-trigger:hover b{background:var(--oil66-hover-accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* PRODUCT CTA */
.slo-product-add:hover::before,
.slo-product-add:hover b{background:#fff!important}
.slo-product-add:hover span,
.slo-product-add:hover b,
.slo-product-request-price:hover span{
  color:var(--oil66-hover-accent)!important;
  -webkit-text-fill-color:var(--oil66-hover-accent)!important
}

/* CATEGORY / SYSTEM BUTTON ARROWS */
.slo-category-products__back:hover>b,
.slo-system-btn:hover b{
  background:#fff!important;
  color:var(--oil66-hover-accent)!important;
  -webkit-text-fill-color:var(--oil66-hover-accent)!important
}
.slo-system-btn:hover{
  background:#fff!important;
  color:var(--oil66-hover-accent)!important;
  -webkit-text-fill-color:var(--oil66-hover-accent)!important;
  border-color:#fff!important
}

/* mobile interactive hover/focus where a dark theme used to leak through */
@media(hover:hover){
  .slo-shop-mobile nav>a:hover,
  #slo7-root .slo7-mobile nav>a:hover{
    background:#fff!important;
    color:var(--oil66-hover-accent)!important;
    -webkit-text-fill-color:var(--oil66-hover-accent)!important
  }
}


/* =========================================================
   OIL66 — catalog dropdown hard fix
   Hover/current: white surface + accent red text/number.
========================================================= */
#slo7-root .slo7-menu .slo7-catalog-submenu a,
.slo-shop-header__menu .slo-shop-catalog-submenu a{
  position:relative!important;
  overflow:hidden!important;
  background:transparent!important;
  background-color:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:transparent!important;
}

#slo7-root .slo7-menu .slo7-catalog-submenu a::before,
#slo7-root .slo7-menu .slo7-catalog-submenu a::after,
.slo-shop-header__menu .slo-shop-catalog-submenu a::before,
.slo-shop-header__menu .slo-shop-catalog-submenu a::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

#slo7-root .slo7-menu .slo7-catalog-submenu a:hover,
#slo7-root .slo7-menu .slo7-catalog-submenu a:focus-visible,
#slo7-root .slo7-menu .slo7-catalog-submenu a.is-current,
.slo-shop-header__menu .slo-shop-catalog-submenu a:hover,
.slo-shop-header__menu .slo-shop-catalog-submenu a:focus-visible,
.slo-shop-header__menu .slo-shop-catalog-submenu a.is-current{
  background:#fff!important;
  background-color:#fff!important;
  color:#FFD700!important;
  -webkit-text-fill-color:#FFD700!important;
  border-color:#fff!important;
}

#slo7-root .slo7-catalog-submenu a:hover small,
#slo7-root .slo7-catalog-submenu a:focus-visible small,
#slo7-root .slo7-catalog-submenu a.is-current small,
#slo7-root .slo7-catalog-submenu a:hover span,
#slo7-root .slo7-catalog-submenu a:focus-visible span,
#slo7-root .slo7-catalog-submenu a.is-current span,
.slo-shop-catalog-submenu a:hover small,
.slo-shop-catalog-submenu a:focus-visible small,
.slo-shop-catalog-submenu a.is-current small,
.slo-shop-catalog-submenu a:hover span,
.slo-shop-catalog-submenu a:focus-visible span,
.slo-shop-catalog-submenu a.is-current span{
  color:#FFD700!important;
  -webkit-text-fill-color:#FFD700!important;
}

/* Category illustrations: remove the old blue tint and keep the Oil66 accent. */
#slo7-root .slo-cat-card__visual img{
  filter:brightness(0) saturate(100%) invert(12%) sepia(98%) saturate(6200%) hue-rotate(359deg) brightness(86%) contrast(118%)!important;
}
#slo7-root .slo-cat-card:hover .slo-cat-card__visual img{
  filter:brightness(0) saturate(100%) invert(12%) sepia(98%) saturate(6200%) hue-rotate(359deg) brightness(96%) contrast(118%)!important;
}


/* OIL66 catalog artwork: force every product illustration to the exact gold accent. */
#slo7-root .slo-cat-card__visual img,
#slo7-root .slo-cat-card:hover .slo-cat-card__visual img,
#slo7-root .slo-cat-card__visual img:focus,
#slo7-root .slo-cat-card__visual img:active{
  filter:brightness(0) saturate(100%) invert(82%) sepia(100%) saturate(1775%) hue-rotate(359deg) brightness(103%) contrast(105%)!important;
  -webkit-filter:brightness(0) saturate(100%) invert(82%) sepia(100%) saturate(1775%) hue-rotate(359deg) brightness(103%) contrast(105%)!important;
  mix-blend-mode:normal!important;
}