/*
  TGSL custom styles
  - Make rich-text editor placeholders visible
  - Make embedded links clearly visible (blue + underline) in BOTH:
    (1) editor (admin dashboard + user blog form)
    (2) published destination/blog pages
*/

/* Rich text (contentEditable) base */
.tgsl-rich-editor {
  outline: none;
  white-space: pre-wrap;
}

/* Placeholder for empty contentEditable fields */
.tgsl-rich-editor:empty:before {
  content: attr(data-placeholder);
  color: #94a3b8;
}

/* Link visibility (editor + published content) */
.tgsl-rich-editor a,
.tgsl-link,
p.mb-4.text-slate-600.leading-relaxed a {
  color: #2563eb !important; /* Tailwind blue-600 */
  text-decoration: underline;
}

.tgsl-rich-editor a:hover,
.tgsl-link:hover,
p.mb-4.text-slate-600.leading-relaxed a:hover {
  color: #1d4ed8 !important; /* Tailwind blue-700 */
}

/* --------------------------------------------------
   Ads: make manual image ads feel clickable
   (Some legacy content wraps only the <img> in an <a>.)
   -------------------------------------------------- */
.tgsl-ad-clickable {
  cursor: pointer;
}

.manual-ad {
  cursor: pointer;
}

.manual-ad * {
  cursor: pointer;
}