/* ===========================================
   TEXT BLOCK – Clean Version (Black Text)
=========================================== */

/* ===========================================
   TEXT BLOCK – stable clean version
=========================================== */


.ulse-text {
  background: linear-gradient(
      180deg,
      #e5e5e5 0%,
      #fafafa 45%,
      #f2eee8 100%

      );

  padding: 36px 30px;
  border-radius: 18px;
  margin: 45px 0;
  position: relative;
  overflow: hidden;

  /* το βασικό που έσωσε την κατάσταση */
  color: #000;
}

/* Paragraphs (όταν υπάρχουν p) */
.ulse-text p {
  margin-bottom: 20px;
  line-height: 1.75;
  font-size: 17px;

  position: relative;
  padding-left: 20px;
  transition: 0.35s ease;
}

/* Πρώτη παράγραφος */
.ulse-text p:first-of-type {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 26px;
}

/* Κάθετη γραμμή */
.ulse-text p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  border-radius: 4px;
  background: #b9b4ac;
  opacity: 0.85;
  transition: 0.35s ease;
}

/* Hover */
.ulse-text p:hover {
  transform: translateX(3px);
}

.ulse-text p:hover::before {
  opacity: 1;
  filter: brightness(1.15);
}

/* Strong / b */
.ulse-text strong,
.ulse-text b {
  color: #000;
  font-weight: 700;
}

/* ===========================================
   SILVER SHINE (AEP style) for bold links
=========================================== */
.ulse-text strong,
.ulse-text b,
.ulse-text a {
  font-weight: 700;
  background: linear-gradient(
      90deg,
     #ffffff 0%,
      #d0d0d0 20%,
      #b5b5b5 40%,
      #4e4d4d 65%,   /* πιο σκούρα, δίνει contrast */
      #d5d5d5 75%,
      #ffffff 100%
  );
  background-size: 250%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Fallback σε περιπτώσεις που το background-clip δεν παίζει */
  color: #000;
  animation: neutralSilver 6s linear infinite;
}

.ulse-text a {
  text-decoration: none;
}
.ulse-text a:hover {
  text-decoration: underline;
}

@keyframes neutralSilver {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
