/*
Theme Name: Cream Magazine
Theme URI: https://themebeez.com/themes/cream-magazine/
Author: themebeez
Author URI: https://themebeez.com/
Description: Cream Magazine is a news & magazine WordPress theme with a clean & modern design suitable for everyone who wish to share their stories, publish a breaking daily news or write on different topics. Everything in Cream Magazine is very easy to deal with, after assigning a front-page one can fully get started to build a website though WordPress Live Customizer.Cream magazine is build taking SEO, Speed & Responsive in mind. Build-in features like lazy load for images has been implemented to make cream mag load faster & extra library files have been bundled to minimize  HTTP requests. For more information go to https://themebeez.com/themes/cream-magazine/
Version: 2.1.11
Requires PHP: 5.6
Tested up to: 6.9.1
Requires at least: 5.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cream-magazine
Tags: custom-background, custom-header, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, one-column, two-columns, blog, news, right-sidebar, theme-options, footer-widgets, left-sidebar, grid-layout, rtl-language-support


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cream Magazine WordPress Theme, Copyright (C) 2025, themebeez.
Cream Magazine is distributed under the terms of the GNU GPL

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* ==========================================================================
   TÙY CHỈNH THEME & BÀI VIẾT (WP SHOW POSTS, COMMENTS, THUMBNAILS...)
   ========================================================================== */

/* Ẩn phần ngày tháng giờ & chữ "Viết:" trong comment */
.comment-meta time,
.comment-metadata time,
.comment-meta .comment-date,
.comment-meta .comment-meta-label,
.comment-meta-label,
.says {
    display: none !important;
}

/* WP Show Posts: Giảm kích thước ảnh và tiêu đề */
.wp-show-posts img {
    max-width: 100%;
    width: 200px;
    height: auto;
}
.wp-show-posts .wp-show-posts-entry-title {
    font-size: 16px;
    line-height: 1.4;
}

/* Smart Slider */
.smart-slider img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.smart-slider .n2-ss-slider {
    max-width: 900px;
    margin: auto;
}

/* Căn chỉnh chung */
h1 { text-align: center; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; }
.widget a { color: #0066bf !important; text-decoration: none !important; }

/* Ẩn ảnh nổi bật trong trang chi tiết (nếu cần) */
.single-post .entry-content img.wp-post-image,
.single .featured-image, 
.single .post-thumbnail {
    display: none !important;
}

/* Responsive: Ẩn Breadcrumb và căn giữa Author trên Mobile */
@media (max-width: 767px) {
    .breadcrumb { display: none; }
    .author-info { text-align: center; }
}


/* ==========================================================================
   GIAO DIỆN GAME (GAME GRID, RATINGS)
   ========================================================================== */

.game-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}
.game-card {
  background-color: #1a1a24;
  border: 1px solid #2a2a35;
  border-radius: 10px;
  padding: 20px;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.game-card:hover {
  transform: translateY(-5px);
  border-color: #d4af37;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
}
.game-card h3 {
  color: #d4af37;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 1px dashed #3a3a48;
  padding-bottom: 10px;
}
.game-card a { color: #4da6ff; text-decoration: none; font-weight: bold; }
.game-card a:hover { text-decoration: underline; }
.game-card .game-desc { font-size: 15px; line-height: 1.5; margin-bottom: 15px; }
.game-card ul { padding-left: 20px; margin-bottom: 20px; }
.game-card ul li { font-size: 14px; line-height: 1.6; margin-bottom: 8px; color: #cccccc; }
.game-card ul li strong { color: #ffffff; }

.game-rating {
  background-color: #22222f;
  border-radius: 6px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.game-rating > span { display: flex; justify-content: space-between; font-size: 14px; font-weight: bold; color: #e0e0e0; }
.game-rating .stars { color: #f1c40f; letter-spacing: 2px; }

.game-types-container { max-width: 1000px; margin: 0 auto; font-family: Arial, sans-serif; color: #e0e0e0; }
.game-types-container h2 { color: #1a1a24; font-size: 28px; text-align: center; margin-bottom: 10px; }
.game-types-intro { color: #555; text-align: center; font-size: 16px; margin-bottom: 30px; line-height: 1.6; }


/* ==========================================================================
   BẢNG TIÊU CHÍ ĐÁNH GIÁ
   ========================================================================== */
.we-criteria-wrapper { font-family: 'Roboto', sans-serif; line-height: 1.6; color: #333; margin: 30px 0; clear: both; }
.we-criteria-intro { font-size: 15px; margin-bottom: 20px; text-align: justify; }
.we-table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border: 1px solid #eaeaea; margin-bottom: 20px; }
.we-criteria-table { width: 100%; border-collapse: collapse; background: #fff; min-width: 650px; }
.we-criteria-table th { background: #1a1a1a; color: #ffd700; font-weight: 800; text-transform: uppercase; font-size: 13px; padding: 15px; text-align: left; }
.we-criteria-table td { padding: 15px; border-bottom: 1px dashed #eee; vertical-align: middle; font-size: 14px; }
.we-criteria-table tr:hover td { background-color: #fdfdfd; }
.we-crit-name { display: flex; align-items: center; gap: 10px; font-weight: 700; color: #be1e2d; }
.we-crit-name i { font-size: 16px; width: 20px; text-align: center; color: #555; }
.we-weight-col { width: 140px; text-align: center; }
.we-weight-value { font-weight: 900; font-size: 15px; margin-bottom: 5px; display: block; color: #222; }
.we-weight-bar-bg { width: 100%; height: 7px; background: #f0f0f0; border-radius: 10px; overflow: hidden; }
.we-weight-bar-fill { height: 100%; background: linear-gradient(90deg, #be1e2d, #ff4b2b); border-radius: 10px; }
.fill-25 { width: 25%; } .fill-20 { width: 20%; } .fill-10 { width: 10%; } .fill-100 { width: 100%; background: #27ae60 !important; }
.we-crit-total td { background: #f8f9fa; font-weight: 800; border-top: 2px solid #ddd; }
.we-criteria-outro { background: #fff5f5; border-left: 4px solid #be1e2d; padding: 15px; font-size: 14px; font-style: italic; color: #444; border-radius: 0 8px 8px 0; }
.we-criteria-outro strong { color: #be1e2d; }
.we-seo-link { color: #005bc2; text-decoration: none; font-weight: 600; }
.we-seo-link:hover { text-decoration: underline; }


/* ==========================================================================
   HỘP ACCORDION FAQ
   ========================================================================== */
.faq-accordion { max-width: 800px; margin: 0 auto; color: #333333; }
.faq-accordion h2 { color: #1a1a24; font-size: 26px; font-weight: 700; margin-bottom: 10px; }
.faq-accordion > p { color: #555555; font-size: 16px; line-height: 1.6; margin-bottom: 25px; }
.faq-accordion details { background-color: #1a1a24; border: 1px solid #2a2a35; border-radius: 8px; margin-bottom: 12px; padding: 15px 20px; transition: all 0.3s ease; }
.faq-accordion details[open] { border-color: #d4af37; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); }
.faq-accordion summary { cursor: pointer; outline: none; display: flex; align-items: center; justify-content: space-between; list-style: none; }
.faq-accordion summary::-webkit-details-marker { display: none; }
.faq-accordion summary h3 { font-size: 18px; color: #d4af37; font-weight: 600; margin: 0; padding: 0; display: inline-block; }
.faq-accordion summary::after { content: "▼"; color: #d4af37; font-size: 14px; transition: transform 0.3s ease; margin-left: 15px; flex-shrink: 0; }
.faq-accordion details[open] summary::after { transform: rotate(180deg); }
.faq-accordion .faq-content { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #3a3a48; line-height: 1.6; color: #e0e0e0; }
.faq-accordion table { width: 100%; border-collapse: collapse; margin: 15px 0; background-color: #22222f; color: #e0e0e0; }
.faq-accordion table, .faq-accordion th, .faq-accordion td { border: 1px solid #3a3a48; }
.faq-accordion thead td { background-color: #d4af37; color: #111; font-weight: bold; text-align: center; }
.faq-accordion td { padding: 10px; }


/* ==========================================================================
   NÚT MẠNG XÃ HỘI & GIAO DIỆN TÁC GIẢ
   ========================================================================== */
.social-footer { display: flex; justify-content: center; align-items: center; gap: 15px; padding: 20px 0; }
.social-icon { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: #333333; color: #ffffff; text-decoration: none; font-size: 18px; transition: all 0.3s ease; }
.social-icon.facebook:hover { background-color: #1877F2; }
.social-icon.x-twitter:hover { background-color: #000000; }
.social-icon.instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.social-icon.youtube:hover { background-color: #FF0000; }
.social-icon.pinterest:hover { background-color: #E60023; }
.social-icon:hover { transform: translateY(-4px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); color: #ffffff; }
@media (max-width: 480px) { .social-footer { gap: 12px; } .social-icon { width: 36px; height: 36px; font-size: 16px; } }

/* Layout Author A BÁO */
.custom-author-page-wrapper { background: #f9f9f9; padding: 40px 0; font-family: sans-serif; }
.author-hero { display: flex; align-items: center; margin-bottom: 30px; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.author-avatar-circle img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 4px solid #d93025; margin-right: 25px; }
.author-meta-info h1 { margin: 0; font-size: 28px; color: #333; text-transform: uppercase; }
.author-meta-info .tagline { margin: 5px 0 0; color: #d93025; font-weight: bold; font-style: italic; }
.author-layout-body { display: flex; gap: 30px; }
.author-sidebar { flex: 0 0 260px; }
.author-nav-tabs { list-style: none; padding: 0; margin: 0; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.author-nav-tabs li { padding: 15px 20px; border-bottom: 1px solid #eee; cursor: pointer; font-weight: bold; transition: 0.3s; color: #555; }
.author-nav-tabs li.active { background: #d93025; color: #fff; border-left: 5px solid #333; }
.author-nav-tabs li:hover:not(.active) { background: #f0f0f0; }
.author-main-content { flex: 1; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); min-height: 400px; }
.tab-content-item { display: none; }
.tab-content-item.active { display: block; animation: fadeIn 0.5s; }
.tab-title { color: #d93025; font-size: 22px; border-bottom: 2px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 20px; text-transform: uppercase; }
.inner-text { line-height: 1.8; color: #444; font-size: 16px; }

/* CSS Bài viết */
.post-card { display: flex; gap: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.post-card-thumb img { width: 180px; height: 110px; object-fit: cover; border-radius: 4px; }
.post-card-body h3 { margin: 0 0 10px; font-size: 18px; }
.post-card-body h3 a { color: #333; text-decoration: none; }
.post-card-body h3 a:hover { color: #d93025; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 768px) {
    .author-layout-body { flex-direction: column; }
    .author-hero { flex-direction: column; text-align: center; }
    .author-avatar-circle img { margin-right: 0; margin-bottom: 15px; }
    .author-sidebar { flex: none; width: 100%; }
}

/* Nút Mạng Xã Hội Tác giả */
.author-socials { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; }
.author-socials .social-btn { display: inline-block; padding: 6px 15px; background: #333; color: #fff; border-radius: 5px; font-size: 13px; font-weight: bold; text-decoration: none; text-transform: capitalize; transition: all 0.3s ease; }
.author-socials .social-btn:hover { opacity: 0.8; transform: translateY(-2px); }
.author-socials .social-btn.facebook { background: #1877F2; }
.author-socials .social-btn.soundcloud { background: #ff5500; }
.author-socials .social-btn.google { background: #DB4437; }
.author-socials .social-btn.youtube { background: #FF0000; }
.author-socials .social-btn.twitter { background: #1DA1F2; }

/* Ẩn hộp tác giả mặc định & hiển thị Simple Author Box */
.author-box, .cm-author-box, .post-author-section { display: none !important; }
.saboxplugin-wrap { display: block !important; }


/* ==========================================================================
   MIỄN TRỪ TRÁCH NHIỆM (ABOVE THE FOLD & FOOTER)
   ========================================================================== */
.author-verification-box { background: #fdfdfd; border: 1px solid #e2e8f0; border-left: 5px solid #2b6cb0; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.avb-details { padding: 12px 18px; cursor: pointer; outline: none; }
.avb-summary { font-size: 14px; color: #2d3748; font-weight: bold; text-transform: uppercase; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.avb-summary::-webkit-details-marker { display: none; }
.avb-summary-title { display: flex; align-items: center; gap: 8px; }
.avb-icon-main { font-size: 18px; }
.avb-summary-hint { font-size: 12px; color: #2b6cb0; font-weight: normal; text-transform: none; }
.avb-content { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #e2e8f0; }
.avb-item { margin-bottom: 15px; display: flex; align-items: flex-start; gap: 10px; }
.avb-item-border { padding-top: 12px; border-top: 1px solid #edf2f7; margin-bottom: 0; }
.avb-icon { font-size: 20px; }
.avb-text { font-size: 13.5px; line-height: 1.6; color: #4a5568; }
.avb-text-italic { font-size: 13px; line-height: 1.5; color: #718096; font-style: italic; }
.avb-highlight { font-weight: bold; color: #e53e3e; }
.avb-link { color: #e53e3e; text-decoration: underline; }

/* Tùy chỉnh khối Disclaimer ở Footer dưới cùng */
.footer-title { font-size: 16px; text-transform: uppercase; color: #ffffff; border-bottom: 2px solid #007bff; padding-bottom: 5px; margin-bottom: 10px; }
.footer-disclaimer { color: #777; font-size: 12px; line-height: 1.5; text-align: justify; padding-top: 15px; }
.footer-disclaimer .disclaimer-title { color: #999; font-weight: bold; font-size: 13px; text-transform: uppercase; margin-bottom: 8px; }
.footer-disclaimer p { margin-bottom: 8px; }
.footer-disclaimer strong { color: #888; }
.warning-18plus { border-left: 3px solid #b8860b; padding-left: 10px; color: #b8860b !important; }
.copyright-year { text-align: center; margin-top: 15px; padding-top: 10px; border-top: 1px dashed #333; font-size: 11px; color: #666; }


/* ==========================================================================
   AI SUMMARY BUTTONS
   ========================================================================== */
.ai-summary-box { margin: 20px 0; text-align: right; }
.ai-summary-box .label { display: block; font-size: 14px; margin-bottom: 10px; color: #555; }
.ai-buttons { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.ai-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; background: #f3f3f3; border: 1px solid #e0e0e0; font-size: 14px; color: #333; text-decoration: none; transition: all 0.2s ease; border: none; cursor: pointer; font-family: inherit; }
.ai-btn:hover { background: #e8e8e8; border-color: #d0d0d0; }


/* ==========================================================================
   MỤC LỤC - EASY TABLE OF CONTENTS (POPUP & CANH TRÁI)
   ========================================================================== */

#ez-toc-container {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 10px !important;  /* NÚT MỤC LỤC HIỂN THỊ Ở LỀ TRÁI MÀN HÌNH */
    right: auto !important; /* Đảm bảo không bị kéo sang phải */
    width: 50px !important;
    height: 50px !important;
    background: #111 !important;
    border: 2px solid #ffc107 !important;
    border-radius: 12px !important;
    z-index: 999999 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.5) !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

/* Ẩn tiêu đề mặc định khi ở dạng nút 50x50 */
#ez-toc-container .ez-toc-title { display: none !important; }

/* Icon 3 gạch ngang (nút Hamburger) */
#ez-toc-container::before {
    content: "" !important;
    width: 20px !important;
    height: 2px !important;
    background: #ffc107 !important;
    box-shadow: 0 6px 0 #ffc107, 0 -6px 0 #ffc107 !important;
    display: block !important;
}

/* Ẩn nội dung thẻ nav lúc chưa mở */
#ez-toc-container nav, 
#ez-toc-container ul, 
#ez-toc-container .ez-toc-list { display: none !important; }

/* TRẠNG THÁI: KHI CLICK MỞ POPUP MỤC LỤC */
#ez-toc-container.is-open {
    width: 85% !important;
    max-width: 400px !important; 
    height: auto !important;
    max-height: 75vh !important;
    top: 50% !important;
    left: 50% !important; /* Khi mở, bảng được kéo ra giữa màn hình */
    transform: translate(-50%, -50%) !important;
    border-radius: 15px !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    background: #1a1a1a !important;
    box-shadow: 0 0 0 2000px rgba(0,0,0,0.65), 0 10px 30px rgba(0,0,0,0.9) !important; 
}

/* Ẩn icon 3 gạch khi đã mở Popup */
#ez-toc-container.is-open::before { display: none !important; }

/* Header của Popup (Có nút X đóng) */
#ez-toc-container.is-open .ez-toc-title {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 50px !important;
    color: #ffc107 !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 15px !important;
    background: #222 !important;
    border-bottom: 1px solid #444 !important;
    margin: 0 !important;
    cursor: pointer !important;
}
#ez-toc-container.is-open .ez-toc-title::after {
    content: "✕" !important;
    font-size: 20px !important;
    opacity: 0.8 !important;
}

/* Khu vực danh sách cuộn/vuốt bên trong */
#ez-toc-container.is-open nav {
    display: block !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    padding: 0 10px 15px 10px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

#ez-toc-container.is-open ul.ez-toc-list,
#ez-toc-container.is-open .ez-toc-list { display: block !important; visibility: visible !important; }

#ez-toc-container ul.ez-toc-list { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#ez-toc-container ul.ez-toc-list li { border-bottom: 1px solid rgba(255,255,255,0.05) !important; padding: 0 !important; margin: 0 !important; }
#ez-toc-container ul.ez-toc-list li a {
    color: #ddd !important; 
    display: block !important; 
    padding: 15px 10px !important;
    font-size: 15px !important; 
    text-decoration: none !important; 
    line-height: 1.5 !important;
    transition: 0.2s;
}

/* Hover/Active highlight */
#ez-toc-container ul.ez-toc-list li a:active,
#ez-toc-container ul.ez-toc-list li a:hover { 
    background: rgba(255, 193, 7, 0.1) !important; 
    color: #ffc107 !important; 
}

/* Ẩn mục con (H3, H4) và nút mặc định của plugin */
#ez-toc-container ul.ez-toc-list ul { display: none !important; }
.ez-toc-title-toggle { display: none !important; }
/* =========================================
   CSS CHO PHẦN FAQ CỦA GAMEBAIONLINE247
   ========================================= */
.we-faq-section { border: 1px solid #eaeaea; border-radius: 12px; padding: 25px; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.02); margin: 30px 0; }
.we-faq-title { font-size: 20px; font-weight: 900; color: #be1e2d; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; }
.we-faq-desc { font-size: 14px; color: #555; line-height: 1.6; margin-bottom: 20px; text-align: justify; }

.we-faq-item { margin-bottom: 12px; }
.we-faq-item summary { font-size: 15px; font-weight: 700; color: #2c3e50; cursor: pointer; padding: 14px 18px; background: #f8f9fa; border: 1px solid #eee; border-radius: 6px; outline: none; list-style: none; display: flex; align-items: center; transition: all 0.3s ease; }
.we-faq-item summary::-webkit-details-marker { display: none; }
.we-faq-item summary:hover { background: #f1f2f6; border-color: #ddd; }
.we-faq-item[open] summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px dashed #ddd; background: #fff3cd; color: #b30000; }

.we-faq-content { padding: 15px 18px; font-size: 14px; color: #444; line-height: 1.6; border: 1px solid #eee; border-top: none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: #fff; }
.we-faq-content ul, .we-faq-content ol { margin: 10px 0 0 20px; padding: 0; }
.we-faq-content li { margin-bottom: 8px; }

.we-faq-table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 13.5px; }
.we-faq-table th { background: #f1f2f6; color: #333; padding: 10px; border: 1px solid #ddd; text-align: center; }
.we-faq-table td { padding: 10px; border: 1px solid #ddd; vertical-align: middle; }
/* --- Author Section GameBaiOnline247 (Bản Full Text) --- */
.gb-container {
    max-width: 1000px;
    margin: 30px auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    background: #fff;
    padding: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
}

.gb-header {
    text-align: center;
    border-bottom: 3px solid #c1ff00;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.gb-header h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 1px;
    color: #111;
    margin: 0;
}

/* Stats Bar */
.gb-stats-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #111;
    border-radius: 8px;
    padding: 25px 15px;
    margin-bottom: 40px;
    text-align: center;
}

.stat-box { border-right: 1px solid #333; }
.stat-box:last-child { border-right: none; }

.stat-number {
    display: block;
    color: #c1ff00; 
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 5px;
}

.stat-label {
    color: #ccc;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Authors List - Layout dọc nhét được nhiều chữ */
.gb-authors-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 30px;
}

.author-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    border-left: 5px solid #c1ff00;
}

.author-left {
    flex: 0 0 150px;
    text-align: center;
    margin-right: 30px;
}

.author-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid #c1ff00;
    object-fit: cover;
    margin-bottom: 15px;
}

.author-social-list {
    display: flex;
    justify-content: center;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.author-social-list a {
    color: #555;
    font-size: 20px;
    transition: color 0.3s;
}

.author-social-list a:hover {
    color: #c1ff00;
}

.author-right {
    flex: 1;
}

.author-right h3 {
    margin: 0 0 10px 0;
    font-size: 24px;
    color: #111;
}

.author-role {
    display: inline-block;
    background: #111;
    color: #c1ff00;
    padding: 4px 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
    margin-bottom: 15px;
}

.author-right p {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 15px;
}

.author-right h4 {
    font-size: 16px;
    color: #222;
    margin: 15px 0 5px 0;
    text-transform: uppercase;
}

.author-right ul {
    margin: 0 0 15px 0;
    padding-left: 20px;
}

.author-right li {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 5px;
}

/* Disclaimer */
.gb-disclaimer {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    text-align: center;
    font-size: 14px;
    font-style: italic;
    color: #777;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .author-item { flex-direction: column; align-items: center; text-align: center; }
    .author-left { margin-right: 0; margin-bottom: 20px; }
    .author-right ul { text-align: left; }
    .gb-stats-bar { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .stat-box { border-right: none; }
}
/* Fix lỗi font chữ cho tiêu đề FAQ */
h2.we-faq-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    text-transform: uppercase; /* Ép viết hoa toàn bộ giống trong hình */
    font-weight: bold;
}