/* ===================================================
   FluxShop Navy Skin — 딥 네이비 프리미엄(무신사 다크풍)
   다크 스킨을 계승하고 팔레트를 네이비 톤으로 재정의한다.
   체인: default → default-dark → navy
   =================================================== */
@import url("../../default-dark/assets/skin.css?v=20260606b");

/* ===================
   1. 딥 네이비 팔레트
   =================== */
:root {
    --fhs-navy-accent:   #5b78e6;   /* 하이라이트/링크/액티브 블루 */
    --fhs-navy-accent-d: #4560c8;

    --fhs-text:          #eef1f8;
    --fhs-text-sub:      #c6ccdb;
    --fhs-text-muted:    #828aa3;
    --fhs-text-light:    #4f5774;
    --fhs-border:        #283455;
    --fhs-border-light:  #1f2942;
    --fhs-border-faint:  #18203a;
    --fhs-bg:            #0c1322;   /* 페이지/표면 — 딥 네이비 */
    --fhs-bg-soft:       #18203a;   /* 상품 이미지 배경 */
    --fhs-bg-gray:       #121a30;   /* 카드/섹션 */
    --fhs-white:         #0f1729;   /* '화이트' 자리 = 카드 표면 */

    --fhs-primary:       #5b78e6;   /* 주 CTA = 네이비 블루 */
    --fhs-primary-hover: #4560c8;
    --fhs-accent:        #ff5e6a;   /* 할인가 */
    --fhs-accent-dark:   #ff3a48;

    --fhs-radius:        10px;
    --fhs-radius-sm:     6px;
    --fhs-radius-lg:     14px;
    --fhs-shadow:        0 2px 12px rgba(0,0,0,.35);
    --fhs-shadow-md:     0 12px 34px rgba(0,0,0,.45);

    --fluxshop-primary:      var(--fhs-primary);
    --fluxshop-accent:       var(--fhs-accent);
}

/* ===================
   2. 카드 — 무신사 트렌디
   =================== */
.fluxshop-grid { gap: 36px 18px; }
.fluxshop-product-card__image-link { background: var(--fhs-bg-soft); border-radius: var(--fhs-radius-lg); overflow: hidden; }
.fluxshop-product-card__image { transition: transform .45s ease; }
.fluxshop-product-card:hover .fluxshop-product-card__image { transform: scale(1.05); }
.fluxshop-product-card__body { padding-top: 14px; }
.fluxshop-product-card__name { font-size: 14px; font-weight: 600; line-height: 1.45; letter-spacing: -.01em; color: var(--fhs-text); }
.fluxshop-product-card__summary { color: var(--fhs-text-muted); font-size: 12.5px; }
.fluxshop-product-card__price strong,
.fluxshop-price--current { font-size: 16px; font-weight: 800; letter-spacing: -.02em; color: var(--fhs-text); }
.fluxshop-price--discount { color: var(--fhs-accent); font-weight: 800; }
.fhs-card-action { background: rgba(255,255,255,.1); border-color: var(--fhs-border); color: #fff; border-radius: var(--fhs-radius-pill); backdrop-filter: blur(4px); }
.fhs-card-action:hover { background: #fff; color: #14182b; border-color: #fff; }
.fhs-card-action.fhs-wishlist-btn.active svg { fill: var(--fhs-accent); stroke: var(--fhs-accent); }

/* 배지 */
.fluxshop-badge { background: var(--fhs-navy-accent); color: #fff; border-radius: 6px; font-weight: 700; }
.fluxshop-badge--sale { background: var(--fhs-accent); }

/* ===================
   3. 카테고리 탭 / 정렬 — 네이비 블루 포인트
   =================== */
.fhs-cat-tab { border-radius: var(--fhs-radius-pill); border-color: var(--fhs-border); color: var(--fhs-text-sub); font-weight: 600; background: transparent; }
.fhs-cat-tab:hover { border-color: var(--fhs-navy-accent); color: var(--fhs-text); }
.fhs-cat-tab.active { background: var(--fhs-navy-accent); border-color: var(--fhs-navy-accent); color: #fff; }
.fhs-loop-count strong { color: var(--fhs-navy-accent); border-color: var(--fhs-border); }

/* ===================
   4. 필터 / 옵션 / 상세 — 블루 포인트
   =================== */
.fhs-filter-apply { background: var(--fhs-navy-accent); border-color: var(--fhs-navy-accent); }
.fhs-opt-btn.is-active { background: var(--fhs-navy-accent); border-color: var(--fhs-navy-accent); color: #fff; }
.fhs-opt-sw.is-active { border-color: var(--fhs-navy-accent); box-shadow: 0 0 0 2px var(--fhs-navy-accent); }
.fhs-tab-btn.active { color: var(--fhs-text); border-bottom-color: var(--fhs-navy-accent); }
.fhs-sel-line__price,
.fluxshop-product-detail__total-amount,
.fhs-cartopt__total strong,
.fhs-cart-summary__total strong, #fhs-total { color: var(--fhs-navy-accent); }

/* 리뷰/문의 포인트 */
.fhs-qna-item__reply, .fhs-review-item__reply { border-left-color: var(--fhs-navy-accent); }
.fhs-qna-item__reply strong, .fhs-review-item__reply strong { color: var(--fhs-navy-accent); }
.fhs-qna-write-btn, .fhs-btn-sm--primary { background: var(--fhs-navy-accent); border-color: var(--fhs-navy-accent); color: #fff; }
.fhs-account__tab.is-active { background: var(--fhs-navy-accent); color: #fff; }

/* ===================
   5. 버튼 — 네이비 블루 CTA (흰 글씨)
   =================== */
.fluxshop-btn--primary,
a.fluxshop-btn--primary,
.fhs-mini-btn--primary,
.fhs-cart-checkout,
.fhs-cart-drawer__optfoot .fhs-mini-btn--primary,
.fhs-filter-apply,
.fhs-qna-write-btn,
.fhs-btn-sm--primary,
.fhs-write-review {
    background: var(--fhs-navy-accent);
    border-color: var(--fhs-navy-accent);
    color: #fff;
}
.fluxshop-btn--primary:hover,
a.fluxshop-btn--primary:hover,
.fhs-mini-btn--primary:hover,
.fhs-cart-checkout:hover { background: var(--fhs-navy-accent-d); border-color: var(--fhs-navy-accent-d); color: #fff; }

/* FAB + 카운트 배지 */
.fhs-cart-fab { background: var(--fhs-navy-accent); color: #fff; }
.fhs-cart-fab__count, .fhs-cart-drawer__count { background: var(--fhs-accent); color: #fff; }

/* 옵션 스와치 활성 = 블루 링 */
.fhs-opt-sw.is-active { box-shadow: 0 0 0 2px var(--fhs-navy-accent); }