/* ---------------------------------------------
   FC SOCLE — Bridge FluentCommunity ↔ ACSS  (INVARIANT)
   ---------------------------------------------
   Couches 2-4 du kit d'intégration. Ne consomme que les tokens --ours-*
   définis par un preset (presets/fc-preset-<nom>.css).
   Ce fichier ne change pas quand on change de thème : on ne touche qu'au preset.

   Issu du kit « GEN 3 » (ex-fc_full_override.css), figé V1 le 2026-06-30.

   TODO clair/sombre : les sélecteurs html.light / html.dark sont prévus
   (laissés en commentaire) — mono-mode pour l'instant. Le dark complet existe
   dans _archive/variantes/acss-fc-color-palette-color-ours.css (à porter ici).
--------------------------------------------- */


/* =============================================
   2. FLUENT COMMUNITY BRIDGE  (--fcom-* ← --ours-*)
   ============================================= */

/*
html.light .fluent_com,
html.dark  .fluent_com {
*/
.fluent_com {

  /* TEXT */
  --fcom-primary-text: var(--ours-color-text-main);
  --fcom-secondary-text: var(--ours-color-text-muted);

  /* BACKGROUNDS */
  --fcom-primary-bg: var(--ours-color-bg-main);
  --fcom-secondary-bg: var(--ours-color-bg-surface);
  --fcom-light-bg: var(--ours-color-bg-muted);
  --fcom-deep-bg: var(--ours-color-bg-none);
  --fcom-active-bg: var(--ours-color-bg-muted);

  /* MENU */
  --fcom-menu-text: var(--ours-color-text-muted);
  --fcom-menu-text-active: var(--ours-color-text-main);
  --fcom-menu-text-hover: var(--ours-color-text-main);
  --fcom-menu-bg-hover: var(--ours-color-bg-muted);

  /* BORDERS */
  --fcom-primary-border: var(--ours-color-border-strong);
  --fcom-border-color: var(--ours-color-border-main);

  /* PRIMARY */
  --fcom-primary-color: var(--ours-color-primary);
  --fcom-primary-hover: var(--ours-color-primary-hover);
  --fcom-primary-active: var(--ours-color-primary-hover);

  /* BUTTONS */
  --fcom-primary-button: var(--ours-color-primary);
  --fcom-primary-button-text: var(--ours-color-on-primary);

  /* SKELETON */
  --fcom-skeleton-bg: linear-gradient(
    90deg,
    var(--ours-color-bg-muted) 25%,
    var(--ours-color-border-main) 37%,
    var(--ours-color-bg-muted) 63%
  );

}

/* Top menu + Spaces (sidebar / panels) */
/*
html.light .fluent_com .fcom_top_menu,
html.dark  .fluent_com .fcom_top_menu,
html.light .fluent_com .spaces,
html.dark  .fluent_com .spaces {
*/
.fluent_com .fcom_top_menu,
.fluent_com .spaces {
  --fcom-primary-bg: var(--ours-color-bg-surface);
  --fcom-primary-border: var(--ours-color-border-strong);
  --fcom-menu-text: var(--ours-color-text-muted);
  --fcom-menu-text-active: var(--ours-color-text-main);
  --fcom-active-bg: var(--ours-color-bg-muted);
  --fcom-menu-text-hover: var(--ours-color-text-main);
  --fcom-menu-bg-hover: var(--ours-color-bg-muted);
}

/* Contenu */
/*
html      .fluent_com .fcom_single_layout,
html.dark .fluent_com .fcom_single_layout {
*/
.fluent_com .fluent_com_portal,
.fluent_com .fcom_wp_content {
  --fcom-secondary-bg: var(--ours-color-bg-none);
  background: var(--fcom-secondary-bg);
}


/* =============================================
   3. ELEMENT PLUS ALIGNMENT  (--el-color-* ← --ours-*)
   ============================================= */

:root {
  --el-color-primary: var(--ours-color-primary);
  --el-color-danger: var(--ours-color-danger);
  --el-color-white: #ffffff;
}


/* =============================================
   4. FC HARD OVERRIDES (PATCH LAYER)
   ============================================= */

/* Code blocks */
.fcom_wrap code,
.fcom_wrap pre {
  background: var(--ours-color-bg-muted);
}

/* Inline code */
.fcom_wrap kbd {
  background: var(--ours-color-bg-muted);
}

/* Bullets */
.fcom_wrap .fcom_wp_content li::marker {
  color: var(--ours-color-text-muted);
}

/* Avatar fallback */
.fcom_wrap .fcom_no_avatar {
  background: var(--ours-color-primary);
  color: var(--ours-color-on-primary);
}

/* HR */
.fcom_wrap hr {
  border-bottom: 1px solid var(--ours-color-border-main);
  border-top: 1px solid var(--ours-color-border-strong);
}

/* Scrollbar */
.fcom_wrap .spaces .space_contents::-webkit-scrollbar-thumb {
  background: var(--ours-color-border-strong);
  border-radius: 6px;
}

/* Badge fix */
.fcom_wrap .el-badge__content {
  background: var(--ours-color-danger);
  color: #fff;
}