/* DEV customer typography. Loaded only by customer HTML and guide shadow root.
   Important declarations in this layer override legacy unlayered !important rules.
   Preserve weights, line heights, spacing, image/SVG and icon pseudo-elements. */
@font-face {
  font-family: "SamsungSSBodyKR";
  src: url("./fonts/SamsungSSBodyKR-Regular.ttf?v=20261106-164704-KST") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@layer ojeCustomerTypography {
  :is(body, body *, :host, :host *):not(
    svg, svg *, img, picture, video, canvas, iframe, script, style, link, meta,
    [role="img"], [role="img"] *, .icon, .icon *, [class^="icon-"], [class*=" icon-"],
    .material-icons, .material-symbols-outlined, .fa, .fas, .far, .fab,
    .swiper-button-next, .swiper-button-prev, .swiper-pagination,
    .swiper-pagination *, .img_box, .blind, .sr-only,
    body.home-page #clearSearch,
    .social-links a:is([aria-label="유튜브"], [aria-label="블로그"])
  ) {
    font-family: "SamsungSSBodyKR", sans-serif !important;
    font-size: 14px !important;
  }
  :is(body, :host) :is(input, textarea)::placeholder {
    font-family: "SamsungSSBodyKR", sans-serif !important;
    font-size: 14px !important;
  }
  .site-header :is(.hs-logo-main, .hs-logo-sub),
  .site-header :is(.hs-logo-main, .hs-logo-sub) * {
    font-family: "SamsungSSBodyKR", sans-serif !important;
    font-size: 8px !important;
  }
}

/* Preserve the original YouTube/Blog artwork typography; sizes come from existing responsive SNS CSS. */
@layer ojeCustomerTypography {
  .social-links a:is([aria-label="유튜브"], [aria-label="블로그"]) {
    font-family: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif !important;
  }
}