/* BEUNIQ Shop Page Customization */

/* ===== SIDEBAR ===== */
/* 위젯 타이틀 통일 — 태그+클래스 직접 타겟 (최고 우선순위) */
h3.wc-block-price-filter__title,
.wc-block-price-filter__title,
h3[class*="price-filter"],
.widget-title,
.astra-woo-shop-sidebar .widget-title,
.astra-woo-shop-sidebar h2.widget-title,
.astra-woo-shop-sidebar h2,
.astra-woo-shop-sidebar h3 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1E1810 !important;
    margin-bottom: 14px !important;
    line-height: 1.3 !important;
}

/* 카테고리/최신순 드롭다운 — 선택 시 주황 */
select option:checked,
.astra-woo-shop-sidebar select option:checked,
.woocommerce-ordering select option:checked {
    background: #FF7A3D linear-gradient(0deg, #FF7A3D 0%, #FF7A3D 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* 가격 필터 "적용하기" 버튼 — 카테고리 드롭다운과 동일 스타일 */
.wc-block-price-filter .wc-block-components-filter-submit-button,
.wp-block-woocommerce-price-filter .wc-block-components-filter-submit-button {
    background: #F6F7F8 !important;
    color: #575250 !important;
    border: 1px solid #E5E1DE !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    padding: 8px 16px !important;
    font-family: inherit !important;
}
.wc-block-price-filter .wc-block-components-filter-submit-button:hover {
    background: #1E1810 !important;
    color: #fff !important;
}

/* 할인 상품 — 상품명 검정 (기존 오렌지/링크 색상 덮어쓰기) */
.astra-woo-shop-sidebar .wc-block-grid__product-link,
.astra-woo-shop-sidebar .wc-block-grid__product-title,
.astra-woo-shop-sidebar .wc-block-grid__product-title a,
.astra-woo-shop-sidebar .wc-block-grid__product a,
.astra-woo-shop-sidebar .wc-block-grid .wc-block-grid__product-title,
.astra-woo-shop-sidebar .wp-block-product-on-sale a,
.astra-woo-shop-sidebar .wc-block-product-on-sale a,
.widget .wc-block-grid__product-title,
.widget .wc-block-grid__product-title a,
.widget_block .wc-block-grid__product a {
    color: #1E1810 !important;
    text-decoration: none !important;
}
/* 세일 배지 숨김 */
.astra-woo-shop-sidebar .wc-block-grid__product-onsale,
.astra-woo-shop-sidebar .onsale {
    display: none !important;
}

/* ===== PRODUCT GRID — 상품 카드 ===== */

/* 기존 판매중/상점 아이콘 숨김 */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
.ast-onsale-card,
.ast-on-card-button,
ul.products li.product .button.add_to_cart_button,
ul.products li.product .added_to_cart {
    display: none !important;
}

/* 상품 이미지 컨테이너 — 상대 위치 */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

/* 하트 + 쇼핑백 아이콘 오버레이 */
.beuniq-shop-icons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 10;
}
.beuniq-shop-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #E5E1DE;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .15s;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.beuniq-shop-icon:hover {
    border-color: #FF7A3D;
}
.beuniq-shop-icon.is-active {
    background: #FF7A3D !important;
    border-color: #FF7A3D !important;
}
.beuniq-shop-icon.is-active svg { stroke: #fff !important; fill: #FF7A3D !important; }
.beuniq-shop-icon svg {
    width: 18px;
    height: 18px;
    stroke: #888;
    fill: none;
    stroke-width: 1.8;
    transition: all .15s;
}
.beuniq-shop-icon:hover svg { stroke: #FF7A3D; }
/* 하트 채움 상태 */
.beuniq-shop-icon.beuniq-wish-active svg { fill: #FF7A3D; stroke: #FF7A3D; }

/* 두번째 이미지 — 호버 전환 (첫번째와 동일 사이즈) */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
    position: relative !important;
    overflow: hidden !important;
}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap > img,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap .wp-post-image {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
.woocommerce ul.products li.product .beuniq-hover-img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 0;
    transition: opacity .3s;
    z-index: 1;
    pointer-events: none;
    background: #fff;
}
.woocommerce ul.products li.product:hover .beuniq-hover-img {
    opacity: 1;
}
.beuniq-shop-icons { z-index: 10; }

/* ===== 상품 상세페이지: 확대(zoom) 아이콘 제거 + 하트 삽입 ===== */
.woocommerce-product-gallery__trigger,
.shopengine-product-gallery__trigger,
.shopengine-product-image-toggle,
.shopengine-product-image-toggle.position-top-right,
a.woocommerce-product-gallery__trigger {
    display: none !important;
}

/* 단일 상품 갤러리 하트 — 우상단 고정 */
.beuniq-shop-icons.beuniq-single-heart {
    position: absolute !important;
    top: 16px;
    right: 16px;
    z-index: 20;
}
.beuniq-shop-icons.beuniq-single-heart .beuniq-shop-icon {
    width: 44px;
    height: 44px;
}
.beuniq-shop-icons.beuniq-single-heart .beuniq-shop-icon svg {
    width: 22px;
    height: 22px;
}

/* Essential Addons / ShopEngine 카드 — 이미지 래퍼 내부 상대 위치 보장 */
.eael-product-wrap .beuniq-shop-icons,
.eael-product-grid-item .beuniq-shop-icons,
.shopengine-product-item .beuniq-shop-icons {
    z-index: 15;
}

/* 이미지 링크가 하트 클릭을 가로채지 않도록 */
.eael-product-wrap a,
.shopengine-product-item a {
    position: relative;
}

/* 상품명/가격 중앙정렬 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .astra-shop-summary-wrap {
    text-align: center !important;
}

/* 카테고리 색상 — 브랜드 오렌지 (진하게) */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .posted_in,
.woocommerce ul.products li.product .ast-woo-product-category a,
.woocommerce ul.products li.product .astra-shop-summary-wrap .ast-woo-product-category,
ul.products li.product .ast-woo-product-category {
    color: #FF7A3D !important;
    opacity: 1 !important;
}

/* 정렬 드롭다운 — 박스 스타일, 겹침 방지 */
.woocommerce-ordering select.orderby,
.woocommerce .woocommerce-ordering select {
    padding: 8px 36px 8px 14px !important;
    border: 1px solid #E5E1DE !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    color: #1E1810 !important;
    font-size: 14px !important;
    font-family: inherit !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
    min-width: 160px;
    position: relative;
    z-index: 5;
}
.woocommerce .woocommerce-ordering {
    position: relative;
    z-index: 10;
}

/* 드롭다운 option 하이라이트 — 브라우저 지원 시 주황 */
select option:checked,
.astra-woo-shop-sidebar select option:checked,
.woocommerce-ordering select option:checked {
    background: #FF7A3D linear-gradient(0deg, #FF7A3D 0%, #FF7A3D 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* 페이지네이션 — 중앙정렬 + 활성/호버 흰 텍스트 */
.woocommerce nav.woocommerce-pagination,
nav.woocommerce-pagination {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
}
.woocommerce nav.woocommerce-pagination ul,
nav.woocommerce-pagination ul {
    display: inline-flex !important;
    justify-content: center !important;
    border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
nav.woocommerce-pagination ul li a:hover,
nav.woocommerce-pagination ul li span.current {
    background: #FF7A3D !important;
    color: #fff !important;
    border-color: #FF7A3D !important;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
nav.woocommerce-pagination ul li a:focus {
    background: #FF7A3D !important;
    color: #fff !important;
}

/* 반응형 */
@media (max-width: 768px) {
    .beuniq-shop-icon { width: 32px; height: 32px; }
    .beuniq-shop-icon svg { width: 16px; height: 16px; }
}