/* ============================================
   TOTAL_PARTNER2 - 파트너 로고 카드 (Swiper 슬라이드)
   CSS 변수: partner2 위젯에서 상속
   --p2-thumb-ratio, --p2-img-bg, --p2-img-opacity,
   --p2-img-hover-opacity, --p2-box-padding, --p2-box-radius,
   --p2-box-shadow, --p2-box-hover-shadow
   ============================================ */

/* 카드 */
.p2_card {
  box-sizing: border-box;
  padding: var(--p2-box-padding, 12px);
  background: #fff;
  border-radius: var(--p2-box-radius, 12px);
  box-shadow: var(--p2-box-shadow, 0 1px 4px rgba(0,0,0,0.06));
  transition: box-shadow 0.25s;
}
.p2_card:hover {
  box-shadow: var(--p2-box-hover-shadow, 0 4px 12px rgba(0,0,0,0.1));
}

/* 카드 링크 */
.p2_card_link {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* 썸네일 영역 */
.p2_thumb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: var(--p2-thumb-ratio, 3/2);
  overflow: hidden;
  border-radius: calc(var(--p2-box-radius, 12px) * 0.5);
  background: var(--p2-img-bg, #f9fafb);
}

.p2_thumb img {
  max-width: 85%;
  max-height: 85%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  opacity: var(--p2-img-opacity, 1);
  transition: opacity 0.3s;
}

.p2_card:hover .p2_thumb img {
  opacity: var(--p2-img-hover-opacity, 1);
}

/* 이미지 없을 때 텍스트 */
.p2_name {
  font-size: clamp(13px, calc(0.23vw + 12.26px), 16px);
  font-weight: 600;
  color: #374151;
  text-align: center;
  word-break: keep-all;
  padding: 10px;
}