/*
 * Ofogh Nikan 11.5.4 — single-source logo color and hover signature.
 * This file is loaded after release-v11.5.css and owns all logo behavior.
 */

/* Remove every possible panel, remnant, glow, and generated layer. */
.ofogh-header__logo,
.ofogh-header__logo:hover,
.ofogh-header__logo:focus-visible,
.ofogh-header-logo-static {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

.ofogh-header__logo {
  padding: 0 !important;
  overflow: hidden !important;
}

.ofogh-header__logo::before,
.ofogh-header__logo::after,
.ofogh-header-logo-static::before,
.ofogh-header-logo-static::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

.ofogh-header-logo-static {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  isolation: isolate;
}

/* One fixed image means the artwork position never changes. */
.ofogh-header-logo-static .ofogh-header-logo-static__image {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  transform: none !important;
  animation: none !important;
  transition: filter .18s linear !important;
  transition-delay: 0s !important;
}

.ofogh-header.is-on-light .ofogh-header-logo-static .ofogh-header-logo-static__image {
  filter: none !important;
}

.ofogh-header .ofogh-header__logo:hover .ofogh-header-logo-static .ofogh-header-logo-static__image,
.ofogh-header .ofogh-header__logo:focus-visible .ofogh-header-logo-static .ofogh-header-logo-static__image {
  filter: brightness(0) invert(1) !important;
  transform: none !important;
}

.ofogh-header.is-on-light .ofogh-header__logo:hover .ofogh-header-logo-static .ofogh-header-logo-static__image,
.ofogh-header.is-on-light .ofogh-header__logo:focus-visible .ofogh-header-logo-static .ofogh-header-logo-static__image {
  filter: none !important;
  transform: none !important;
}

/* Footer base image is equally static. */
.ofogh-footer-logo-static {
  position: relative !important;
  overflow: hidden !important;
  transform: none !important;
  animation: none !important;
}

.ofogh-footer-logo-static .ofogh-footer-logo-static__image,
.ofogh-footer-logo-static:hover .ofogh-footer-logo-static__image,
.ofogh-footer-logo-static:focus-visible .ofogh-footer-logo-static__image {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/*
 * The shine is an identical copy of the artwork. A narrow clip strip moves
 * from right to left, so it cannot leak outside or depend on CSS masks.
 */
.ofogh-header .ofogh-header__logo .ofogh-header-logo-static .ofogh-brand-shine--header,
.ofogh-footer-logo-static .ofogh-brand-shine--footer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  pointer-events: none !important;
  opacity: 0;
  filter: brightness(0) invert(1) blur(.35px) drop-shadow(0 0 9px rgba(225,238,255,.9)) !important;
  mix-blend-mode: screen !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  -webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
  clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
  will-change: clip-path, opacity;
}

.ofogh-header .ofogh-header__logo:hover .ofogh-header-logo-static .ofogh-brand-shine--header,
.ofogh-header .ofogh-header__logo:focus-visible .ofogh-header-logo-static .ofogh-brand-shine--header,
.ofogh-footer-logo-static:hover .ofogh-brand-shine--footer,
.ofogh-footer-logo-static:focus-visible .ofogh-brand-shine--footer {
  animation: ofogh-logo-shine-strip-rtl .68s linear 1 both reverse !important;
}

@keyframes ofogh-logo-shine-strip-rtl {
  0% {
    opacity: 0;
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%);
  }
  8% {
    opacity: .78;
    -webkit-clip-path: polygon(0 0,11% 0,11% 100%,0 100%);
    clip-path: polygon(0 0,11% 0,11% 100%,0 100%);
  }
  92% {
    opacity: .78;
    -webkit-clip-path: polygon(89% 0,100% 0,100% 100%,89% 100%);
    clip-path: polygon(89% 0,100% 0,100% 100%,89% 100%);
  }
  100% {
    opacity: 0;
    -webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
    clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
  }
}

/* Smooth the header glass state without delaying the logo color response. */
.ofogh-header__nav {
  transition: background-color .45s ease, border-color .45s ease, box-shadow .45s ease !important;
}

.ofogh-header__nav a,
.ofogh-header__services-trigger,
.ofogh-header__mobile-menu {
  transition: color .35s ease, background-color .35s ease, border-color .35s ease !important;
}

/* Mobile: hard clip the canvas and remove the left-side glass/shadow remnant. */
@media (max-width: 900px) {
  .ofogh-header__logo,
  .ofogh-header-logo-static {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

.ofogh-footer__brand-v11 p span {
  display: inline-block;
}