/* ============================================================
   Advice-like typography
   Advice uses commercial DB Heavent Rounded.
   Closest free local stack: Prompt (loopless Thai sans).
   Soften weights / letter-spacing to match Advice chrome feel.

   IMPORTANT: never apply Prompt to Font Awesome icon nodes.
   ============================================================ */

:root {
  --dcsc-font: "Prompt", "Prompt Local", "Kanit", "Segoe UI", Tahoma, sans-serif;
  --dcsc-font-nav-weight: 500;
  --dcsc-font-btn-weight: 600;
  --dcsc-font-brand-weight: 700;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--dcsc-font) !important;
}

/* Header / search / actions / nav — Prompt on text only (no universal *) */
html body .main-header-wrapper-v2,
html body .main-header-v2,
html body #main-nav,
html body .main-nav,
html body .secondary-nav,
html body .header-actions-v2,
html body .header-right-actions-v2,
html body .search-container-v2,
html body .search-input-v2,
html body input[type="search"],
html body input[placeholder*="ค้นหา"],
html body .nav-item-link,
html body .secondary-nav-item-link,
html body .categories-menu-btn,
html body .btn-categories,
html body #shop-name-display-v2,
html body .brand-text-v2,
html body .brand-container-v2 {
  font-family: var(--dcsc-font) !important;
}

/* Brand — Advice logo is bold but not ultra-black */
html body #shop-name-display-v2,
html body #shop-name-display,
html body .main-header-wrapper-v2 #shop-name-display-v2,
html body .main-header-wrapper-v2 #shop-name-display {
  font-family: var(--dcsc-font) !important;
  font-weight: var(--dcsc-font-brand-weight) !important;
  letter-spacing: -0.01em !important;
}

/* Nav links — Advice uses medium, not heavy semibold */
html body nav#main-nav a.nav-item-link.secondary-nav-item-link,
html body nav#main-nav .nav-item-link.secondary-nav-item-link,
html body #main-nav a,
html body #main-nav .nav-item-link,
html body #main-nav .secondary-nav-item-link,
html body .main-nav a,
html body .main-nav .nav-item-link,
html body .main-nav .secondary-nav-item-link,
html body .secondary-nav a,
html body .nav-item-link,
html body .secondary-nav-item-link {
  font-family: var(--dcsc-font) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* Category + action pills (text containers; icons restored below) */
html body .categories-menu-btn,
html body .btn-categories,
html body .header-actions-v2 a,
html body .header-right-actions-v2 a,
html body .header-action-btn-v2,
html body .header-actions-v2 span,
html body .header-right-actions-v2 span {
  font-family: var(--dcsc-font) !important;
  font-weight: var(--dcsc-font-btn-weight) !important;
  letter-spacing: 0.01em !important;
}

/* Search — beat search-button-fix.css Noto Sans Thai rules */
html body .header-center-v2 .search-container-v2 .search-bar-v2 #search-input-main-v2,
html body .header-center .search-container .search-bar #search-input-main,
html body .header-center-v2 .search-container-v2 .search-bar-v2 #search-button-main-v2,
html body .header-center .search-container .search-bar #search-button-main,
html body .header-center-v2 .search-container-v2 .search-bar-v2 .category-select-v2,
html body .header-center .search-container .search-bar .category-select,
html body #search-button-main,
html body #search-button-main-v2,
html body .search-bar button,
html body .search-bar-v2 button,
html body #search-input-main-v2,
html body .search-input-v2,
html body .search-container-v2 input,
html body input[placeholder*="ค้นหา"] {
  font-family: var(--dcsc-font) !important;
  font-weight: 400 !important;
}

/* Keep product UI consistent with chrome */
html body .product-card,
html body .product-title,
html body .product-title-new,
html body .product-title-advice,
html body .product-title-rendered,
html body .brand-line-new,
html body .product-desc-new,
html body .product-spec-advice,
html body .card-price,
html body .card-price-online,
html body .card-price-original,
html body .card-title,
html body .homepage-section h2,
html body .homepage-section h3,
html body .section-title {
  font-family: var(--dcsc-font) !important;
}

/* Hard restore Font Awesome — must beat any Prompt !important on parents */
html body i.fa,
html body i.fas,
html body i.far,
html body i.fal,
html body i.fat,
html body i.fad,
html body i.fab,
html body i.fa-solid,
html body i.fa-regular,
html body i.fa-light,
html body i.fa-thin,
html body i.fa-duotone,
html body i.fa-brands,
html body .fa,
html body .fas,
html body .far,
html body .fal,
html body .fat,
html body .fad,
html body .fab,
html body .fa-solid,
html body .fa-regular,
html body .fa-light,
html body .fa-thin,
html body .fa-duotone,
html body .fa-brands,
html body [class*="fa-solid"],
html body [class*="fa-regular"],
html body [class*="fa-brands"],
html body .main-header-wrapper-v2 i[class*="fa-"],
html body .main-header-v2 i[class*="fa-"],
html body #main-nav i[class*="fa-"],
html body .main-nav i[class*="fa-"],
html body .header-actions-v2 i[class*="fa-"],
html body .header-right-actions-v2 i[class*="fa-"],
html body .search-container-v2 i[class*="fa-"],
html body .search-bar-v2 i[class*="fa-"],
html body .categories-menu-btn i[class*="fa-"],
html body .btn-categories i[class*="fa-"],
html body .header-nav-category-trigger i[class*="fa-"],
html body .product-card i[class*="fa-"] {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html body i.fa-regular,
html body i.far,
html body .fa-regular,
html body .far,
html body .main-header-wrapper-v2 i.fa-regular,
html body #main-nav i.fa-regular {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 400 !important;
}

html body i.fa-brands,
html body i.fab,
html body .fa-brands,
html body .fab,
html body .main-header-wrapper-v2 i.fa-brands,
html body #main-nav i.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}