/* css/extra.css
   Bổ sung TỐI THIỂU, chỉ những gì theme WP "nightmare" gốc không có sẵn vì thuộc
   về hạ tầng riêng của blog PHP này (player AJAX, hệ thống bình luận AJAX, quảng
   cáo catfish/preload/popunder). KHÔNG override lại màu/spacing đã có trong
   /css/theme.css — toàn bộ bảng màu/layout vẫn lấy nguyên từ theme WP.
*/

/* Nền trang: theme gốc set inline trong header.php (body{background:#222}) */
body { background: #222; }

/* Khung player video (giống .movieLoader mà single.php tự inline <style> khai báo) */
.vb-player-frame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  background: #000;
}
.vb-player-frame iframe {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;
}
.vb-player-empty {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: #666; font-size: 13px;
}
.vb-player-frame.loading .vb-player-empty { color: #888; }

/* Nút chọn server (.video2-btn) — theme gốc không có style riêng cho class này trong style.css */
.movieLoader-server { margin: 10px 0; }
.video2-btn {
  font-size: 12px; padding: 6px 14px; border-radius: 3px; border: 1px solid #333;
  background: #272727; color: #ccc; cursor: pointer; margin-right: 6px;
}
.video2-btn:hover { border-color: #555; }
.video2-btn.selected { background: #b70000; border-color: #b70000; color: #fff; }

/* Honeypot chống bot (ẩn khỏi mắt người, bot vẫn điền được) */
.vb-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* Bình luận: đúng các override mà comments.php của theme gốc từng inline */
.comment-body { border-bottom: 1px solid #333; padding: 10px 0; }
.comment-body div.reply { text-align: right; }
.comment ul.children, ul.children { margin-left: 20px; }
#reply-title a { color: red; }
.comment-content { color: #f3f0f0; }
.comment-form-author { float: none !important; width: 100% !important; margin: 0 0 10px !important; }
.comment-form-comment { width: 100%; }
#respond input[type="text"], #respond textarea {
  display: block; width: 100%; padding: 5px 4px; box-sizing: border-box; margin: 4px 0 10px;
}

/* Avatar chữ cái đầu (thay cho get_avatar() của WP vì hệ thống không có email/gravatar) */
.vb-avatar-fallback {
  display: flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; background: #333; color: #eee; font-weight: 700; font-size: 16px;
  border: 1px solid #ddd;
}

/* Quảng cáo catfish / preload / popunder — tính năng riêng của hệ thống blog, không có trong theme gốc */
.vb-ad-catfish {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
  background: #1a1a1a; border-top: 1px solid #333;
  padding: 8px 36px 8px 12px; box-shadow: 0 -4px 24px rgba(0,0,0,.5);
}
.vb-ad-catfish-inner { max-width: 950px; margin: 0 auto; text-align: center; }
.vb-ad-catfish-close {
  position: absolute; top: 6px; right: 8px; width: 28px; height: 28px;
  border: 0; border-radius: 3px; background: #333; color: #ccc; font-size: 18px; line-height: 1; cursor: pointer;
}
.vb-ad-catfish-close:hover { background: #404040; }
.vb-ad-preload {
  position: fixed; inset: 0; z-index: 100;
  background: rgba(0,0,0,.8); display: flex; align-items: center; justify-content: center; padding: 16px;
}
.vb-ad-preload-box {
  position: relative; background: #181818; border-radius: 4px; border: 1px solid #333;
  padding: 28px 16px 16px; max-width: min(96vw, 420px); max-height: 90vh; overflow: auto;
  box-shadow: 0 20px 50px rgba(0,0,0,.6);
}
.vb-ad-preload-close {
  position: absolute; top: 6px; right: 8px; width: 30px; height: 30px;
  border: 0; border-radius: 3px; background: #333; color: #fff; font-size: 20px; cursor: pointer;
}
.vb-ad-preload-inner { text-align: center; }

/* entry-tags: theme gốc có định nghĩa .entry-tags>a nhưng không định nghĩa khoảng cách giữa các thẻ */
.entry-tags { margin-top: 10px; font-size: 12px; color: #999; }