/* ==========================================================================
   Atlantis - Corrections couleurs Dashboard RNM
   ==========================================================================
   Le dashboard RNM utilise un thème sombre (fond vert très foncé).
   Certains textes (notamment la légende du donut Chart.js) restent
   en noir par défaut et deviennent illisibles.

   Ce fichier force la couleur claire UNIQUEMENT sur le dashboard RNM,
   sans toucher au reste du site (espace client, pages publiques, etc.)

   Sélecteur racine : .atlRnmDashboard
   À adapter si ton plugin utilise un autre conteneur (ex: #rnm-dashboard,
   .rnm-wrapper, etc.) — voir notes en fin de fichier.
   ========================================================================== */

/* --- Texte général sur fond sombre --- */
.atlRnmDashboard,
.atlRnmDashboard p,
.atlRnmDashboard span,
.atlRnmDashboard li,
.atlRnmDashboard td,
.atlRnmDashboard th,
.atlRnmDashboard label,
.atlRnmDashboard div {
    color: #E8F0E8 !important; /* blanc cassé teinté vert très léger */
}

/* --- Titres et libellés stratégiques --- */
.atlRnmDashboard h1,
.atlRnmDashboard h2,
.atlRnmDashboard h3,
.atlRnmDashboard h4 {
    color: #FFFFFF !important;
}

/* --- Couleurs sémantiques (variations prix) ---
   À conserver vives car elles portent du sens : rouge = baisse, vert = hausse */
.atlRnmDashboard .atl-variation-down,
.atlRnmDashboard [class*="negative"],
.atlRnmDashboard [class*="down"] {
    color: #FF7A7A !important;
}
.atlRnmDashboard .atl-variation-up,
.atlRnmDashboard [class*="positive"],
.atlRnmDashboard [class*="up"] {
    color: #8DC63F !important;
}

/* --- Légende du donut Chart.js (Répartition par origine) ---
   Chart.js génère sa propre légende avec du texte en couleur d'origine.
   On force l'override ici. */
.atlRnmDashboard canvas + ul,
.atlRnmDashboard .chartjs-legend,
.atlRnmDashboard .chartjs-legend li,
.atlRnmDashboard .chartjs-legend span,
.atlRnmDashboard [class*="legend"] li,
.atlRnmDashboard [class*="legend"] span,
.atlRnmDashboard [class*="Legend"] li,
.atlRnmDashboard [class*="Legend"] span {
    color: #E8F0E8 !important;
}

/* --- Tableau "Top 10 mouvements de prix" ---
   En-têtes en plus clair, lignes lisibles */
.atlRnmDashboard table thead th {
    color: #B8C9B8 !important;
    font-weight: 600;
}
.atlRnmDashboard table tbody td {
    color: #E8F0E8 !important;
}

/* --- Badges d'origine (U.E., France, Maroc, Import...) ---
   Lisibles sur fond clair de leur badge */
.atlRnmDashboard .atl-origin-badge {
    color: #1A3A2A !important;
}

/* --- Cartes KPI (206 lignes, 13 pays, 10 produits, -0,05%) --- */
.atlRnmDashboard .atl-kpi-label {
    color: #B8C9B8 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.atlRnmDashboard .atl-kpi-value {
    color: #FFFFFF !important;
}

/* --- Sidebar produits (ORANGE, CITRON, PASTEQUE...) --- */
.atlRnmDashboard .atl-sidebar a,
.atlRnmDashboard .atl-sidebar li {
    color: #B8C9B8 !important;
}
.atlRnmDashboard .atl-sidebar a:hover,
.atlRnmDashboard .atl-sidebar a.active,
.atlRnmDashboard .atl-sidebar li.active {
    color: #8DC63F !important;
}

/* --- Bouton "Actualiser" --- */
.atlRnmDashboard .atl-refresh-btn {
    color: #FFFFFF !important;
}

/* --- Indicateur "Mise à jour" --- */
.atlRnmDashboard .atl-last-update {
    color: #B8C9B8 !important;
}

/* ==========================================================================
   Notes d'intégration
   ==========================================================================
   Si le conteneur racine de ton dashboard RNM n'est pas `.atlRnmDashboard`,
   remplace ce sélecteur partout dans ce fichier (Ctrl+H dans ton éditeur).

   Conteneurs courants à essayer :
     #atl-rnm-dashboard
     .rnm-dashboard
     .atl-dashboard-rnm
     #rnm-app
     .atlantis-rnm

   Pour repérer le bon nom :
     1. Va sur la page RNM
     2. F12 → onglet Elements (ou Inspect)
     3. Survole le grand bloc qui contient toute la dashboard
     4. Note la classe ou l'id du conteneur principal
     5. Adapte ce fichier en conséquence

   Si aucun conteneur identifiable n'existe, tu peux soit :
   a) Ajouter une classe .atlRnmDashboard au div racine du shortcode RNM
   b) Cibler par body (moins propre) :
      body.page-rnm p { color: #E8F0E8 !important; }
      avec <body class="page-rnm"> ajouté via body_class filter pour les
      pages du RNM uniquement.
   ========================================================================== */