/*
 * Nội dung lưu trong admin (bài viết, trang chính sách) đi qua bộ lọc HTML: thẻ <svg> và các
 * thẻ rỗng bị bỏ. Phần trang trí mà theme vẽ bằng chúng được vẽ lại ở đây.
 */

/* Thẻ video YouTube: lớp phủ tối và nút phát đỏ, như .aspect-video > span của theme. */
.fba-post-content a[href*="youtu"] .aspect-video::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .25);
  transition: background-color .15s;
}

.fba-post-content a[href*="youtu"]:hover .aspect-video::before {
  background: rgba(0, 0, 0, .35);
}

.fba-post-content a[href*="youtu"] .aspect-video::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem 0 0 -1.5rem;
  border-radius: 9999px;
  background: #B51E21 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") 55% 50% / 1.25rem no-repeat;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
}

/* Trang chính sách soạn trong admin: chữ dễ đọc dưới bộ reset của Tailwind. */
.fba-richtext h2 { font-family: Phudu, sans-serif; font-size: 1.5rem; font-weight: 700; margin: 2rem 0 1rem; color: #1a1a1a; }
.fba-richtext h3 { font-family: Phudu, sans-serif; font-size: 1.25rem; font-weight: 700; margin: 1.5rem 0 .75rem; color: #1a1a1a; }
.fba-richtext p { margin: 0 0 1rem; line-height: 1.75; color: #374151; }
.fba-richtext ul, .fba-richtext ol { margin: 0 0 1rem 1.5rem; color: #374151; }
.fba-richtext ul { list-style: disc; }
.fba-richtext ol { list-style: decimal; }
.fba-richtext li { margin-bottom: .375rem; line-height: 1.7; }
.fba-richtext a { color: #B51E21; text-decoration: underline; }
.fba-richtext img { max-width: 100%; height: auto; border-radius: .75rem; }
.fba-richtext table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
.fba-richtext th, .fba-richtext td { border: 1px solid #e5e7eb; padding: .5rem .75rem; text-align: left; }