/*----------------------custom-css-products-archive------------------*/


.card:not(.-contained) .image-holder {
  border: 1px solid #eee;
}
.spc-filter-inner {
    overflow-x: auto;
}


.archive.tax-products_categories .page-container.bottom-offset {
    margin-top: 32px;
    min-height:450px;
}
.portfolio-item.-layout1 .show-project-link a, .portfolio-item.-layout2 .show-project-link a, .portfolio-item.-layout13 .show-project-link a {
    position: relative;
    color: #888;
    font-size: 13px;
}
span.category {
    color: #888;
    font-weight: 600;
    font-size:14px;
}
.portfolio-item.-layout1 .show-project-link a::after, .portfolio-item.-layout2 .show-project-link a::after, .portfolio-item.-layout13 .show-project-link a::after {
  height: 1px;
}

.card:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only) .card-details {
    padding-top: 8px;
    padding-bottom: 40px;
}
.portfolio-item.-layout1 .show-project, .portfolio-item.-layout2 .show-project, .portfolio-item.-layout13 .show-project {
    margin-top:0;
}
.card-details h5 {
    font-size: 24px;
}
.portfolio-item  .image-holder {
    aspect-ratio: 4 / 3;
}
.portfolio-item .title {
  font-size:24px;
}
.portfolio-item.card .image-holder img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    min-width: 100%;
    height: 100%;
}
[data-taxonomy="products_categories"] .spc-thumb-wrap {
  aspect-ratio: 4/3 !important;
}
@media (min-width: 769px) {

  .vc_row:not(.-nospace) [class^=vc_col], .vc_row:not(.-nospace) .grid-item {
      padding-left: 6px;
      padding-right: 6px;
  }
}




/* ===== 데스크톱(마우스) 전용: hover 시 'Show product' 확실히 노출 ===== */
@media (hover: hover) and (pointer: fine) {
  /* 기본 상태(hover 전) */
  .portfolio-item.card.-layout1 .show-project .category-holder {
    opacity: 1;
    position: relative;
    z-index: 1;
  }
  .portfolio-item.card.-layout1 .show-project .show-project-link {
    /* 혹시 모바일에서 display:none !important 로 숨긴 걸 되돌리기 */
    display: block !important;
    opacity: 0;
    pointer-events: none;
    position: relative;
    z-index: 2; /* 테마 오버레이/다른 요소 위로 */
  }

  /* hover 시 전환 */
  .portfolio-item.card.-layout1:hover .show-project .category-holder {
    opacity: 0;
  }
  .portfolio-item.card.-layout1:hover .show-project .show-project-link {
    opacity: 1;
    pointer-events: auto;
  }
}

/* ===== 터치(모바일/태블릿) 전용: 롤오버 제거 & 즉시 클릭 ===== */
@media (hover: none), (pointer: coarse) {
  .portfolio-item.card.-layout1 .show-project .category-holder {
    opacity: 1 !important;
    transform: none !important;
  }
  .portfolio-item.card.-layout1 .show-project .show-project-link {
    display: none !important; /* 터치에서는 아예 숨김 */
  }

  .portfolio-item.card.-layout1 a {
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0,0,0,0.08);
  }
}

/*----------//포트폴리오 아카이브-------------*/