/* 황금곳간 상품 검색결과·상품목록 CSS — myfile/greenmall_search.html 시안 기준
   gm.css(.gm-prod-card 카드) · gm-shop.css(.srch-* / .sort-bar / .filter / .paging) 를 재활용하고
   이 파일은 목록 페이지 전용 추가분만 담는다. (gm-shop.css 는 수정 금지) */

/* 코어 상단 페이지명(#wrapper_title)은 시안 헤더(srch-head)로 대체 → 해당 페이지에서만 숨김 */
.is_search #wrapper_title,
.shop-content:has(#gmSearch) #wrapper_title,
.shop-content:has(#gmList) #wrapper_title{display:none;}

/* 관리자 설정 버튼 */
.gm-list-admin{text-align:right;margin:0 0 10px;}
.gm-list-admin a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#999;}
.gm-list-admin a:hover{color:var(--point-dark);border-color:var(--point);}

/* ===== 상품 카드 그리드 (ul 마크업 : 장바구니 ajax 용 li.sct_li 유지) =====
   한 줄당 개수는 스킨이 인라인으로 넘기는 --gm-cols(분류관리 값)를 따른다. */
.gm-prod-ul{
  display:grid;grid-template-columns:repeat(var(--gm-cols,4),minmax(0,1fr));
  gap:30px 20px;list-style:none;margin:0;padding:0;
}
.gm-prod-ul .sct_li{position:relative;list-style:none;margin:0;padding:0;border:0;background:none;width:auto;height:auto;float:none;}
.gm-prod-ul .sct_li::before,.gm-prod-ul .sct_li::after{display:none;}
.gm-prod-ul .gm-prod-card{color:inherit;text-decoration:none;}

/* 카드 텍스트 */
.gm-prod-code{font-size:11.5px;color:#b3b3b3;letter-spacing:.3px;margin:0 0 4px;}
.gm-prod-basic{
  font-size:12.5px;color:var(--txt-sub);line-height:1.5;margin:-4px 0 8px;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;
}
.gm-prod-icons{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px;}
.gm-prod-icons img{max-height:18px;width:auto;}

/* 썸네일 위 액션 버튼 (호버 노출) */
.gm-cart-wrap{position:absolute;top:0;left:0;width:100%;aspect-ratio:1/1;display:flex;align-items:flex-end;padding:10px;pointer-events:none;z-index:3;}
.gm-cart-wrap .sct_btn{flex:1;min-width:0;}
.gm-cart-btn{
  pointer-events:auto;width:100%;height:38px;border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,.94);color:var(--point-dark);border:1px solid #dbe8c8;
  font-size:13px;font-weight:800;font-family:inherit;
  display:flex;align-items:center;justify-content:center;gap:6px;
  opacity:0;transition:all .2s;
}
.gm-prod-ul .sct_li:hover .gm-cart-btn{opacity:1;}
.gm-cart-btn:hover{background:var(--point);color:#fff;border-color:var(--point);}

/* 위시 버튼 (썸네일 우측 상단) */
.gm-wish-btn{
  pointer-events:auto;position:absolute;top:10px;right:10px;
  width:34px;height:34px;border-radius:50%;border:1px solid var(--line);
  background:rgba(255,255,255,.94);color:#c9c9c9;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;
  opacity:0;transition:all .2s;
}
.gm-wish-btn svg{width:17px;height:17px;}
.gm-prod-ul .sct_li:hover .gm-wish-btn{opacity:1;}
.gm-wish-btn:hover{color:#d4491d;border-color:#f2c4bb;}
@media (hover:none){.gm-cart-btn,.gm-wish-btn{opacity:1;}}

/* 품절 오버레이 */
.gm-soldout{position:absolute;inset:0;background:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;z-index:2;border-radius:inherit;}
.gm-soldout span{background:rgba(52,52,52,.85);color:#fff;font-size:12px;font-weight:800;padding:8px 18px;border-radius:18px;letter-spacing:1px;}

/* 장바구니 옵션 레이어(코어 ajax 마크업) 시안 톤 보정 */
.gm-prod-ul .cart-layer.sct_cartop{position:absolute;inset:0;z-index:5;}
.gm-prod-ul .sct_cartop_wr{border-radius:16px;background:rgba(52,52,52,.62);}
.gm-prod-ul .cartopt_cart_btn{background:var(--point) !important;border-color:var(--point-dark) !important;border-radius:10px !important;font-weight:700;}
.gm-prod-ul .cartopt_close_btn{color:var(--point-dark) !important;border-color:var(--point) !important;border-radius:10px !important;font-weight:700;}

/* ===== 검색결과 페이지 ===== */
#gmSearch{padding-top:34px;}
#gmSearch .gm-prod-grid{grid-template-columns:repeat(3,1fr);}
.srch-head .srch-tag.on{background:var(--point);color:#fff;border-color:var(--point);}

/* 필터 사이드바 (검색 폼) */
.gm-filter .filter-group h4{display:flex;align-items:center;gap:6px;}
.gm-filter-q{display:flex;gap:6px;}
.gm-filter-q input{flex:1;min-width:0;height:38px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;font-size:13.5px;font-family:inherit;background:#fff;outline:none;transition:border-color .2s;}
.gm-filter-q input:focus{border-color:var(--point);}
.gm-filter-q button{flex-shrink:0;width:38px;height:38px;border-radius:10px;border:none;background:var(--point);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.gm-filter-q button:hover{background:var(--point-dark);}
.gm-filter-q button svg{width:16px;height:16px;}
.gm-filter-cate a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;font-size:13.5px;color:#555;}
.gm-filter-cate a span{color:#aaa;font-size:12px;}
.gm-filter-cate a:hover{color:var(--point-dark);}
.gm-filter-cate a.on{color:var(--point-dark);font-weight:800;}
.gm-filter-cate a.on span{color:var(--point-dark);}
.gm-price-row{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#999;}
.gm-price-row input{width:100%;min-width:0;height:36px;border:1.5px solid var(--line);border-radius:9px;padding:0 10px;font-size:13px;font-family:inherit;background:#fff;outline:none;transition:border-color .2s;}
.gm-price-row input:focus{border-color:var(--point);}
.gm-filter-apply{margin-top:10px;width:100%;height:38px;border-radius:10px;border:none;background:var(--point);color:#fff;font-size:13px;font-weight:800;font-family:inherit;cursor:pointer;transition:background .2s;}
.gm-filter-apply:hover{background:var(--point-dark);}

/* 정렬 버튼 (a 태그 버전 — gm-shop.css .sorts button 과 동일 톤) */
.sorts a{display:block;font-size:13px;color:#999;padding:7px 11px;border-radius:8px;font-weight:600;transition:all .15s;}
.sorts a:hover{color:var(--txt);}
.sorts a.on{color:var(--point-dark);font-weight:800;background:#f1f6ea;}

/* ===== 결과 없음 상태 ===== */
.gm-srch-empty{padding:70px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px;background:#fff;color:var(--txt-sub);}
.gm-srch-empty .emj{font-size:46px;display:block;margin-bottom:14px;}
.gm-srch-empty b{display:block;font-size:17px;color:var(--txt);font-weight:800;margin-bottom:6px;}
.gm-srch-empty b em{font-style:normal;color:var(--point-dark);}
.gm-srch-empty p{font-size:13.5px;line-height:1.7;}

/* ===== 페이징 (그누보드 get_paging 마크업 → 시안 .paging 톤) ===== */
.gm-paging{margin-top:44px;text-align:center;}
.gm-paging .pg_wrap{float:none;display:block;margin:0;}
.gm-paging .pg{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;}
.gm-paging .pg_page,
.gm-paging .pg_current{
  min-width:38px;height:38px;line-height:1;padding:0 6px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;color:#888;background:#fff;border:1px solid var(--line);
  text-decoration:none;transition:all .15s;
}
.gm-paging .pg_current{background:var(--point);border-color:var(--point);color:#fff;font-weight:800;}
.gm-paging a.pg_page:hover{border-color:var(--point);color:var(--point-dark);background:#fff;}

/* ===== 상품목록(카테고리) 페이지 ===== */
#gmList{padding-top:34px;}
#gmList .srch-head h2 small{font-size:13px;color:var(--txt-sub);font-weight:500;margin-left:8px;}
#gmList #sct_hhtml,#gmList #sct_thtml{margin:0 0 14px;}
#gmList #sct_thtml{margin:26px 0 0;}

/* ============================================================
   분류목록(shop/list.php) · 유형목록(shop/listtype.php) 공통 크롬
   코어 마크업(#sct / #sct_location / #sct_ct_1 / #sct_sortlst) CSS 오버라이드
   ============================================================ */
#sct{margin:0;padding:0;border:0;background:none;}

/* 상단 분류 내비게이션 → 브레드크럼 톤 */
#sct_location{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  margin:0 0 18px;padding:0;border:0;background:none;
  font-size:12.5px;color:#aaa;height:auto;line-height:1.6;
}
#sct_location .go_home{color:#aaa;}
#sct_location .go_home:hover{color:var(--point-dark);}
#sct_location .dividing-line{color:#d5d5d5;font-size:11px;}
#sct_location select,
#sct_location .shop_select_to_html{font-family:inherit;font-size:12.5px;color:var(--point-dark);font-weight:700;}

/* 관련 하위분류 → 칩 링크 */
#sct_ct_1.sct_ct{margin:0 0 22px;padding:0;border:0;background:none;}
#sct_ct_1.sct_ct h2{position:absolute;width:0;height:0;overflow:hidden;font-size:0;margin:0;}
#sct_ct_1.sct_ct ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;}
#sct_ct_1.sct_ct li{margin:0;padding:0;border:0;background:none;float:none;width:auto;}
#sct_ct_1.sct_ct li a{
  display:inline-block;padding:8px 15px;border:1px solid var(--line);border-radius:999px;
  background:#fff;font-size:13px;font-weight:600;color:#666;transition:all .15s;text-decoration:none;
}
#sct_ct_1.sct_ct li a:hover{border-color:var(--point);color:var(--point-dark);background:#f7faf2;}

/* 정렬 바 — 좌측 상단, 박스/구분선 없이 글씨만 (코어 style.css 의 #sct_sortlst 박스 무력화) */
#sct_sortlst{
  display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px;
  margin:0 0 20px;padding:0 0 12px;
  border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;
}
#sct_sortlst::after{display:none;content:none;}
#sct_sort{margin:0;padding:0;border:0;background:none;float:none;width:auto;}
#sct_sort h2{position:absolute;width:0;height:0;overflow:hidden;font-size:0;margin:0;}
#sct_sort ul#ssch_sort{
  display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;
  list-style:none;margin:0;padding:0;float:none;width:auto;
}
#sct_sort ul#ssch_sort li{
  margin:0;padding:0;border:0;background:none;float:none;width:auto;height:auto;line-height:normal;
}
#sct_sort ul#ssch_sort li::after,
#sct_sort ul#ssch_sort li:hover::after{content:none;display:none;}
#sct_sort ul#ssch_sort li a{
  display:inline-block;position:relative;padding:4px 0 7px;border:0;border-radius:0;background:none;
  font-size:16px;font-weight:700;color:#a6a6a0;letter-spacing:-.2px;
  transition:color .15s;text-decoration:none;
}
#sct_sort ul#ssch_sort li a:hover{color:var(--txt);background:none;}
#sct_sort ul#ssch_sort li a.on{color:var(--point-dark);font-weight:800;}
#sct_sort ul#ssch_sort li a.on::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--point);
}

/* 상단/하단 HTML 영역 */
#sct_hhtml:empty,#sct_thtml:empty{display:none;}
#sct_hhtml{margin:0 0 18px;}
#sct_thtml{margin:26px 0 0;}

/* 목록 페이징 (get_paging 기본 마크업) */
#sct > .pg_wrap,
.shop-content > .pg_wrap{float:none;display:block;margin:44px 0 0;text-align:center;}
#sct > .pg_wrap .pg,
.shop-content > .pg_wrap .pg{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;}
#sct > .pg_wrap .pg_page,#sct > .pg_wrap .pg_current,
.shop-content > .pg_wrap .pg_page,.shop-content > .pg_wrap .pg_current{
  min-width:38px;height:38px;line-height:1;padding:0 6px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;color:#888;background:#fff;border:1px solid var(--line);
  text-decoration:none;
}
#sct > .pg_wrap .pg_current,
.shop-content > .pg_wrap .pg_current{background:var(--point);border-color:var(--point);color:#fff;font-weight:800;}

/* 상품 없음 */
.sct_noitem{
  padding:70px 20px;text-align:center;color:var(--txt-sub);font-size:14px;
  border:1px dashed var(--line);border-radius:16px;background:#fff;margin:0;
}

/* ===== 반응형 ===== */
@media (max-width:1024px){
  #gmSearch .gm-prod-grid{grid-template-columns:repeat(2,1fr);}
  .gm-prod-ul{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:768px){
  #gmSearch,#gmList{padding-top:20px;}
  #gmSearch .gm-prod-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px;}
  .gm-prod-ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;}
  .gm-paging{margin-top:30px;}
  .gm-paging .pg_page,.gm-paging .pg_current{min-width:34px;height:34px;font-size:13px;}
  #sct_sortlst{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;}
  #sct_sortlst::-webkit-scrollbar{display:none;}
  #sct_sort ul#ssch_sort{flex-wrap:nowrap;gap:18px;}
  #sct_sort ul#ssch_sort li a{white-space:nowrap;font-size:15px;}
  /* 모바일 : 필터 그룹 가로 스크롤(gm-shop.css .filter 규칙과 함께 동작) */
  .gm-filter .filter-group{background:#fff;}
}