/* NAVİST Referans Logo Duvarı — Avada token’larıyla hizalı */

.navist-logos {
  --navist-navy: var(--awb-color7, #303745);
  --navist-blue: var(--awb-color5, #1ea1da);
  --navist-paper: var(--awb-color1, #ffffff);
  --navist-panel: var(--awb-color2, #f8f8f8);
  --navist-rule: var(--awb-color3, #eef0f2);
  --navist-line: var(--awb-color4, #e0dede);
  --navist-mute: var(--awb-color6, #747a87);
  --navist-cols: 4;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

.fusion-body .navist-logos,
.fusion-text .navist-logos,
.fusion-column-wrapper .navist-logos,
.fusion-flex-column .navist-logos {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  align-self: stretch !important;
  flex: 1 1 auto !important;
}

.navist-logos__header {
  margin: 0 0 28px;
}

.navist-logos__title {
  margin: 0;
  color: var(--navist-navy);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.navist-logos__grid,
.fusion-body .navist-logos__grid,
.fusion-column-wrapper .navist-logos__grid {
  display: grid !important;
  grid-template-columns: repeat(var(--navist-cols, 4), minmax(0, 1fr)) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid var(--navist-line, #e0dede);
  border-left: 1px solid var(--navist-line, #e0dede);
  background: var(--navist-paper, #fff);
  box-sizing: border-box;
}

.navist-logos__cell {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
  list-style: none !important;
}

.navist-logos__card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 132px;
  padding: 22px 28px;
  background: var(--navist-paper);
  border-right: 1px solid var(--navist-line);
  border-bottom: 1px solid var(--navist-line);
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 0.22s ease, box-shadow 0.22s ease;
}

.navist-logos__mark {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 9px;
  height: 9px;
  border-top: 1.5px solid var(--navist-navy);
  border-left: 1.5px solid var(--navist-navy);
  opacity: 0.28;
  pointer-events: none;
  transition: border-color 0.22s ease, opacity 0.22s ease;
}

.navist-logos__img,
.navist-logos__card img,
.fusion-body .navist-logos img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 78% !important;
  max-height: 56px !important;
  object-fit: contain !important;
  object-position: center;
  filter: none;
  transition: transform 0.22s ease, opacity 0.22s ease, filter 0.22s ease;
}

.navist-logos--grayscale .navist-logos__img,
.navist-logos--grayscale .navist-logos__card img {
  filter: grayscale(1);
  opacity: 0.78;
}

.navist-logos__card:hover,
.navist-logos__card:focus-visible {
  background: var(--navist-panel);
  outline: none;
  z-index: 1;
}

.navist-logos__card:hover .navist-logos__mark,
.navist-logos__card:focus-visible .navist-logos__mark {
  border-color: var(--navist-blue);
  opacity: 1;
}

.navist-logos__card:hover .navist-logos__img,
.navist-logos__card:hover img,
.navist-logos__card:focus-visible .navist-logos__img,
.navist-logos__card:focus-visible img {
  transform: translateY(-1px);
  opacity: 1;
  filter: none;
}

.navist-logos__card:focus-visible {
  box-shadow: inset 0 0 0 2px var(--navist-blue);
}

/* Avada Fusion galeri düzeltmesi — Referanslar sayfası */
.navist-refs-page .fusion-gallery.fusion-gallery-container,
.navist-refs-page .awb-gallery-wrapper .fusion-gallery {
  display: grid !important;
  grid-template-columns: repeat(var(--navist-cols, 4), minmax(0, 1fr));
  position: relative !important;
  height: auto !important;
  margin: 0 !important;
  border-top: 1px solid var(--awb-color4, #e0dede);
  border-left: 1px solid var(--awb-color4, #e0dede);
  background: #fff;
}

.navist-refs-page .fusion-gallery .fusion-gallery-column,
.navist-refs-page .fusion-gallery .fusion-grid-column {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  float: none !important;
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.navist-refs-page .fusion-gallery .fusion-gallery-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 132px;
  padding: 22px 28px;
  box-sizing: border-box;
  background: #fff;
  border-right: 1px solid var(--awb-color4, #e0dede);
  border-bottom: 1px solid var(--awb-color4, #e0dede);
  overflow: hidden;
  transition: background-color 0.22s ease;
}

.navist-refs-page .fusion-gallery .fusion-gallery-image::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 9px;
  height: 9px;
  border-top: 1.5px solid var(--awb-color7, #303745);
  border-left: 1.5px solid var(--awb-color7, #303745);
  opacity: 0.28;
  pointer-events: none;
  transition: border-color 0.22s ease, opacity 0.22s ease;
}

.navist-refs-page .fusion-gallery .fusion-gallery-image:hover {
  background: var(--awb-color2, #f8f8f8);
}

.navist-refs-page .fusion-gallery .fusion-gallery-image:hover::before {
  border-color: var(--awb-color5, #1ea1da);
  opacity: 1;
}

.navist-refs-page .fusion-gallery .fusion-gallery-image a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: default;
}

.navist-refs-page .fusion-gallery .fusion-gallery-image img,
.navist-refs-page .fusion-gallery .fusion-gallery-image .img-responsive {
  width: auto !important;
  height: auto !important;
  max-width: 78% !important;
  max-height: 56px !important;
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 1024px) {
  .navist-logos__grid,
  .navist-refs-page .fusion-gallery.fusion-gallery-container,
  .navist-refs-page .awb-gallery-wrapper .fusion-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .navist-logos__grid,
  .navist-refs-page .fusion-gallery.fusion-gallery-container,
  .navist-refs-page .awb-gallery-wrapper .fusion-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .navist-logos__card,
  .navist-refs-page .fusion-gallery .fusion-gallery-image {
    height: 112px;
    padding: 16px 14px;
  }

  .navist-logos__img,
  .navist-logos__card img,
  .navist-refs-page .fusion-gallery .fusion-gallery-image img {
    max-height: 44px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navist-logos__card,
  .navist-logos__mark,
  .navist-logos__img,
  .navist-logos__card img,
  .navist-refs-page .fusion-gallery .fusion-gallery-image,
  .navist-refs-page .fusion-gallery .fusion-gallery-image::before {
    transition: none;
  }
}