/* ==========================================================
   MESKI — Touches vert Meski sur la description produit
   Fichier : meski-product-story-touches.css — RACINE du
   thème enfant. Chargé APRÈS meski-description-produit-
   luxe-astra.css (dépendance explicite dans functions.php),
   sur les fiches produit uniquement.

   N'ajoute QUE des touches de vert — aucune structure,
   aucune couleur or/ambre/noir des deux fichiers existants
   n'est modifiée. Points de contact choisis délibérément
   peu nombreux, concentrés en bas de la description :

   1. Mots arabes décoratifs (ذهب نزوى, واحة نزوى...) : vert
      plutôt qu'ambre — identité arabe + vert du coffret.
   2. FAQ : l'question ouverte passe au vert (comme sur le
      blog), le "+" devient "−" en vert.
   3. Section finale "Continue the Journey" (fond noir) :
      le survol des 3 cartes vire au vert au lieu du brun
      foncé neutre — la dernière touche avant de quitter
      la fiche.
   4. Numéros de rituel/feature au survol : vert au lieu
      d'ambre, un léger clin d'œil interactif.
========================================================== */

:root {
  --meski-vert: #2f5544;
  --meski-vert-fond: #16281e;
}

/* ---------- 1. Mots arabes décoratifs ---------- */
.single-product .meski-arabic-kicker,
.single-product .meski-arabic-section {
  color: var(--meski-vert) !important;
}
.single-product .meski-arabic-section-light {
  color: rgba(47, 85, 68, .55) !important;
}

/* ---------- 2. FAQ : état ouvert en vert ---------- */
.single-product .meski-faq details[open] summary {
  color: var(--meski-vert) !important;
}
.single-product .meski-faq details[open] summary::after {
  color: var(--meski-vert) !important;
}

/* ---------- 3. Continue the Journey : survol en vert ---------- */
.single-product .meski-link-grid a:hover,
.single-product .meski-link-grid a:focus-visible {
  background: var(--meski-vert-fond) !important;
  color: var(--meski-ivoire) !important;
}
.single-product .meski-link-grid a:hover span {
  color: #8fd9b8 !important;   /* vert clair, lisible sur fond vert foncé */
}

/* ---------- 4. Numéros au survol : vert plutôt qu'ambre ---------- */
@media (hover: hover) and (pointer: fine) {
  .single-product .meski-feature-card:hover h3,
  .single-product .meski-ritual-card:hover h3 {
    color: var(--meski-vert) !important;
  }
  .single-product .meski-feature-card:hover .meski-feature-number,
  .single-product .meski-ritual-card:hover .meski-ritual-index {
    color: var(--meski-vert) !important;
  }
}