/*
 * IslaMarket Help Font System Final
 * Fuente premium para ayuda.islamarket.es y rutas /ayuda.
 * No cambia colores. No toca app móvil. No toca console.
 */

:root {
  --im-font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Scope fuerte solo para ayuda */
html body.im-help-body,
html body.im-help-body *:not(i):not(svg):not(path),
html body[class*="im-help"] ,
html body[class*="im-help"] *:not(i):not(svg):not(path) {
  font-family: var(--im-font-system) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html body.im-help-body {
  font-weight: 400;
  letter-spacing: -0.005em;
}

/* Títulos de ayuda */
html body.im-help-body :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  [class*="title"],
  [class*="Title"],
  [class*="heading"],
  [class*="Heading"],
  [class*="question"],
  [class*="Question"],
  [class*="article"],
  [class*="Article"],
  [class*="card"],
  [class*="Card"]
) {
  font-family: var(--im-font-system) !important;
  letter-spacing: -0.025em;
}

/* Botones, buscador, navegación y asistente */
html body.im-help-body :where(
  button,
  input,
  textarea,
  select,
  option,
  a,
  [role="button"],
  [class*="btn"],
  [class*="Btn"],
  [class*="button"],
  [class*="Button"],
  [class*="nav"],
  [class*="Nav"],
  [class*="search"],
  [class*="Search"],
  [class*="assistant"],
  [class*="Assistant"]
) {
  font-family: var(--im-font-system) !important;
}

html body.im-help-body input::placeholder,
html body.im-help-body textarea::placeholder {
  font-family: var(--im-font-system) !important;
}

html body.im-help-body :where(
  button,
  [class*="btn"],
  [class*="Btn"],
  [class*="button"],
  [class*="Button"]
) {
  font-weight: 700;
}

html body.im-help-body :where(input, textarea, select) {
  font-weight: 500;
}

/* Proteger iconos */
html body.im-help-body :where(
  i,
  svg,
  path,
  .fa,
  .fas,
  .far,
  .fab,
  .material-icons,
  .material-symbols-outlined,
  [class*="icon"],
  [class*="Icon"]
) {
  font-family: inherit;
}