/* SilverWeb Client Logos Pro - Frontend */

.sw-client-grid{
  display:grid;
  grid-template-columns: repeat(var(--sw-cols,5), minmax(0,1fr));
  gap: var(--sw-gap, 22px);
  align-items: stretch;
}

.sw-client-link{ text-decoration:none; }

.sw-client-card{
  height: var(--sw-card-h, 140px);
  background: var(--sw-bg, #fff);
  border: 1px solid var(--sw-border, #eee);
  border-radius: var(--sw-radius, 14px);
  padding: var(--sw-pad, 18px);
  display:flex;
  align-items:center;
  justify-content:center;
  transition: border-color .18s ease, box-shadow .18s ease;
  box-shadow: calc(var(--sw-shadow,1) * 1px) calc(var(--sw-shadow,1) * 8px) calc(var(--sw-shadow,1) * 24px) rgba(0,0,0,.06);
}

.sw-client-card:hover{
  /* behåll vit ram (ingen lila hover-kant) */
  border-color: var(--sw-border, #eee);
  box-shadow: 0 14px 40px rgba(0,0,0,.10);
}

.sw-client-logo-wrap{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sw-client-logo{
  max-width: var(--sw-logo-w, 160px);
  max-height: var(--sw-logo-h, 70px);
  width:auto;
  height:auto;
  object-fit: contain;
  display:block;
  transition: transform .18s ease;
  transform: scale(1);
  will-change: transform;
}

.sw-client-card:hover .sw-client-logo{
  transform: scale(1.06);
}

@media (max-width: 1024px){
  .sw-client-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .sw-client-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

.swclp-frontend .sw-client-card{
  position: relative;
  flex-direction: column;
}

.swclp-frontend .sw-client-name{
  margin-top: 14px;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  width: 100%;
  text-align: left;
  text-decoration: underline;
  text-decoration-color: var(--sw-accent, #e11d48);
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
  display: block;
}

.swclp-frontend{ --sw-show-names: 1; }
.swclp-frontend[style*="--sw-show-names:0"] .sw-client-name{ display:none; }

/* responsivt finjust */
@media (max-width: 1024px){
  .sw-client-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .sw-client-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .swclp-frontend .sw-client-name{ font-size: 13px; }
}