.mycred-reward-program-bubble, 
#mycred-reward-program-widget {
    display: none !important;
}
/* Chỉ chia cột hiển thị trên máy tính, không ảnh hưởng di động */
@media (min-width: 1024px) {
    .navigation-bar .sub-menu,
    .main-navigation .sub-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        max-width: 600px !important;
        width: max-content !important;
        padding: 15px !important;
    }
    .navigation-bar .sub-menu > li,
    .main-navigation .sub-menu > li {
        flex: 0 0 180px !important;
        box-sizing: border-box !important;
    }
}

/* Đảm bảo danh mục con trên điện thoại mặc định phải ẩn đi */
@media (max-width: 1023px) {
    .navigation-bar .sub-menu,
    .main-navigation .sub-menu {
        display: none; /* Mặc định ẩn danh sách con */
    }
    
    /* Chỉ hiển thị danh sách con khi mục cha được bấm (Active) */
    .navigation-bar .menu-item-has-children.is-active .sub-menu,
    .main-navigation .menu-item-has-children.is-active .sub-menu,
    .navigation-bar .menu-item-has-children:focus-within .sub-menu {
        display: block !important;
    }
}
/* Chia 2 cột song song cho danh sách truyện trên điện thoại */
@media (max-width: 1023px) {
    .fictioneer-latest-stories,
    .story-cards-grid,
    main .story-cards {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 10px !important;
    }
    
    .story-card {
        width: 100% !important;
        margin: 0 !important;
    }
}
/* Chặn bôi đen và copy truyện trên mọi thiết bị */
.story-content, .chapter-content, body, .fictioneer-chapter, .chapter-content__text {
  -webkit-user-select: none; /* Safari và Chrome di động */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Chuẩn chung */
  -webkit-touch-callout: none; /* Chặn menu nhấn giữ trên iOS */
}

/* KHẮC PHỤC WATERMARK 100% DÀNH RIÊNG CHO FOXVEIL.ORG */
/* Tạo lớp nền đè lên container bao phủ của Fictioneer */
.fictioneer-site-container, #site-container, main#main, .fictioneer-chapter, article.story, article.chapter {
  position: relative !important;
}

.fictioneer-site-container::before, #site-container::before, main#main::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-image: url('https://foxveil.org') !important;
  background-repeat: repeat !important;
  background-position: top left !important;
  background-size: 260px !important; /* Kích thước cụm logo hiển thị lặp lại */
  opacity: 0.18 !important; /* Độ rõ của watermark trên trang (18%), bạn có thể chỉnh từ 0.1 đến 0.9 tùy ý */
  pointer-events: none !important; /* Giúp lướt chạm màn hình mượt mà không bị kẹt */
  z-index: 1 !important; /* Nhấc hẳn lớp phủ nền lên trên màu nền của theme */
}

/* Đẩy nội dung bài viết, thanh điều hướng và menu nổi lên trên logo để đọc chữ rõ ràng */
.main-navigation, 
.navigation-bar, 
.chapter-inner, 
.story-inner, 
.entry-content, 
.fictioneer-chapter-text-content, 
.chapter-content__text, 
p, 
h1, 
h2, 
h3, 
.story-card, 
.site-footer, 
.sidebar {
  position: relative !important;
  z-index: 2 !important; /* Đảm bảo chữ nổi cao hơn z-index: 1 của lớp nền ảnh thương hiệu */
  background-color: transparent !important; /* Xóa phông nền trắng/xám đè của các block */
}