/* =========================================================
   SNSPICKS 2026 Global Font Lock
   Apply to: /test.snspicks.com/assets/site/css/font-lock.css

   목적:
   - 사이트 전체 폰트를 Pretendard로 최종 고정
   - app.css보다 뒤, new-order.css보다 뒤에 마지막으로 로드해야 함
   - 각 파일마다 font-family를 반복해서 넣지 않기 위한 최종 오버라이드 파일
   ========================================================= */

/* 1. Pretendard 로드 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

/* 2. 사이트 전체 폰트 최종 고정 */
html,
body,
body *,
.sns-hybrid-user-layout-20260601,
.sns-hybrid-user-layout-20260601 *,
.order-page-wrapper,
.order-page-wrapper *,
.order-form-container,
.order-form-container *,
.sns-mobile-horizontal-header-20260601,
.sns-mobile-horizontal-header-20260601 *,
.sns-hybrid-shell-20260601,
.sns-hybrid-shell-20260601 *,
#aside,
#aside *,
.navbar-side,
.navbar-side *,
.modal,
.modal *,
.dropdown-menu,
.dropdown-menu *,
button,
input,
textarea,
select,
option,
label,
a,
p,
span,
small,
strong,
b,
em,
div,
section,
article,
aside,
main,
header,
nav,
table,
thead,
tbody,
tfoot,
tr,
th,
td {
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: auto !important;
    text-rendering: auto !important;
    letter-spacing: -0.035em;
}

/* 3. 폼 placeholder까지 통일 */
input::placeholder,
textarea::placeholder {
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "Segoe UI", sans-serif !important;
}

/* 4. 숫자는 흔들리지 않게 */
#live-order-counter,
#live-clock-time,
.sidebar-balance-amount,
.top-balance-amount,
.cs-amount-main,
.cs-amount-sub,
.modern-charge-number,
.stat-row .val,
.stat-row .val b,
.stat-row .val .time {
    font-variant-numeric: tabular-nums !important;
}

/* 5. FontAwesome 계열 아이콘은 Pretendard 적용 제외 */
.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa::before,
.fas::before,
.far::before,
.fal::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free", "FontAwesome" !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
}

.fas,
.fa-solid,
.fas::before,
.fa-solid::before {
    font-weight: 900 !important;
}

.far,
.fa-regular,
.far::before,
.fa-regular::before {
    font-weight: 400 !important;
}

.fab,
.fa-brands,
.fab::before,
.fa-brands::before {
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}

/* 6. Feather 아이콘 제외 */
.fe,
[class^="fe-"],
[class*=" fe-"],
.fe::before,
.fe:before,
[class^="fe-"]::before,
[class^="fe-"]:before,
[class*=" fe-"]::before,
[class*=" fe-"]:before {
    font-family: "feather" !important;
    font-style: normal !important;
    font-weight: normal !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
}

/* 7. Material icon 제외 */
.material-icons,
.material-icons-outlined,
.material-symbols-outlined {
    font-family: "Material Icons", "Material Symbols Outlined" !important;
    font-weight: normal !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
}

/* 8. SVG 아이콘은 폰트 영향 제거 */
svg,
svg * {
    font-family: initial !important;
    letter-spacing: normal !important;
}