/* ============================================================
   Roundesk — Styles pour les pages Fonctionnalités (CPT feature)
   ============================================================ */

/* ---------- Bloc "En bref" (Text-Editor avec long_description) ---------- */
.roundesk-en-bref {
  /* Conteneur : autorise l'alignement gauche à l'intérieur même si le widget est centré */
  text-align: left;
}

.roundesk-en-bref p {
  margin: 0 0 1.1em 0;
  line-height: 1.65;
}

.roundesk-en-bref p:last-of-type {
  margin-bottom: 0;
}

/* Strong (mises en relief) : opacité 100% pour contraster avec le texte semi-transparent */
.roundesk-en-bref strong {
  color: #1A1A1C;
  font-weight: 600;
}

/* ---------- Listes à puces ---------- */
.roundesk-en-bref ul {
  list-style: disc outside;
  margin: 0 0 1.1em 0;
  padding-left: 1.4em;
}

.roundesk-en-bref ul li {
  margin: 0 0 0.5em 0;
  line-height: 1.6;
  padding-left: 0.2em;
  display: list-item;
}

.roundesk-en-bref ul li::marker {
  color: var(--e-global-color-primary, #5C5BFF);
  font-size: 1em;
}

/* ---------- Liens internes discrets ---------- */
.roundesk-link-discreet {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
  opacity: 0.85;
  transition: opacity 0.2s ease, border-bottom-color 0.2s ease, border-bottom-style 0.2s ease;
}

.roundesk-link-discreet:hover,
.roundesk-link-discreet:focus {
  opacity: 1;
  border-bottom-style: solid;
  border-bottom-color: var(--e-global-color-primary, #5C5BFF);
}

/* Sur les mobiles, agrandir la zone tactile des liens */
@media (max-width: 768px) {
  .roundesk-link-discreet {
    padding: 2px 0;
  }
}