/* =========================================================
   VIDEURO — MEDIA CARDS TEXT = WHITE
   Applies only to cards that contain image / video / iframe
   Works in all languages, both light and dark modes
   ========================================================= */

.videuro-media-text-white,
.videuro-media-text-white * {
  box-sizing: border-box;
}

/* all readable text inside media cards */
.videuro-media-text-white h1,
.videuro-media-text-white h2,
.videuro-media-text-white h3,
.videuro-media-text-white h4,
.videuro-media-text-white h5,
.videuro-media-text-white h6,
.videuro-media-text-white p,
.videuro-media-text-white span,
.videuro-media-text-white small,
.videuro-media-text-white strong,
.videuro-media-text-white b,
.videuro-media-text-white em,
.videuro-media-text-white li,
.videuro-media-text-white a:not(.btn):not(.button):not([role="button"]) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* softer meta / category text */
.videuro-media-text-white small,
.videuro-media-text-white .meta,
.videuro-media-text-white .eyebrow,
.videuro-media-text-white .kicker,
.videuro-media-text-white [class*="meta"],
.videuro-media-text-white [class*="category"],
.videuro-media-text-white [class*="kicker"],
.videuro-media-text-white [class*="eyebrow"],
.videuro-media-text-white [class*="label"] {
  color: rgba(255,255,255,.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;
}

/* text directly over thumbnails / videos */
.videuro-media-text-white .title,
.videuro-media-text-white .headline,
.videuro-media-text-white .card-title,
.videuro-media-text-white .story-title,
.videuro-media-text-white .video-title,
.videuro-media-text-white [class*="title"],
.videuro-media-text-white [class*="headline"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 400 !important;
}

/* keep play buttons / UI untouched */
.videuro-media-text-white button,
.videuro-media-text-white .btn,
.videuro-media-text-white [role="button"] {
  text-shadow: none !important;
}

/* if any inline black color exists, override it */
.videuro-media-text-white [style*="color: rgb(0"],
.videuro-media-text-white [style*="color:#000"],
.videuro-media-text-white [style*="color: #000"],
.videuro-media-text-white [style*="color:black"],
.videuro-media-text-white [style*="color: black"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* SVG/text icons if used as text */
.videuro-media-text-white svg,
.videuro-media-text-white svg text {
  fill: currentColor !important;
}
