/* =========================================================
   Power Core About Us — technology partner SVG logos
   Shared by all language versions.
   ========================================================= */

body.about-page .partners .partner-logo {
  display: block;
  width: auto;
  height: 44px;
  max-width: 190px;
  flex: 0 0 auto;
  object-fit: contain;

  opacity: 0.62;
  filter:
    grayscale(100%)
    brightness(0.34)
    contrast(1.08);

  transition:
    opacity 0.28s ease,
    filter 0.28s ease,
    transform 0.28s ease;
}

body.about-page .partners .partner-logo:hover {
  opacity: 0.92;
  filter:
    grayscale(30%)
    brightness(0.72)
    contrast(1.05);
  transform: translateY(-2px);
}

/*
   The filter is applied after the browser renders the SVG.
   Dark fills inside the source SVG are therefore converted into
   a bright, slightly blue-white logo without separate 1b.svg files.
*/
html[data-theme="dark"]
body.about-page
.partners
.partner-logo {
  opacity: 0.84 !important;
  filter:
    grayscale(100%)
    brightness(0)
    invert(1)
    sepia(8%)
    saturate(360%)
    hue-rotate(164deg)
    brightness(1.08)
    contrast(0.94)
    drop-shadow(0 0 10px rgba(105, 205, 255, 0.14)) !important;
}

html[data-theme="dark"]
body.about-page
.partners
.partner-logo:hover {
  opacity: 1 !important;
  filter:
    grayscale(100%)
    brightness(0)
    invert(1)
    sepia(12%)
    saturate(500%)
    hue-rotate(164deg)
    brightness(1.22)
    contrast(0.98)
    drop-shadow(0 0 16px rgba(91, 213, 255, 0.26)) !important;
}

/* Do not let another dark-mode filter recolor the entire moving strip. */
html[data-theme="dark"]
body.about-page
.partners-track {
  filter: none !important;
}

@media (max-width: 640px) {
  body.about-page .partners .partner-logo {
    height: 30px;
    max-width: 138px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.about-page .partners .partner-logo {
    transition: none !important;
  }
}