/*
Theme Name: PirlaNora Child Overrides
Source: Migrated from WordPress Additional CSS on 2026-05-15.
Scope: Child-theme override layer loaded after madara-css-child.
Note: Keep WordPress Additional CSS unchanged until frontend verification is complete.
*/

/* === PirlaNora Tokens === */
/* ============================================
   PIRLA NORA — PREMIUM REDESIGN
   Pure CSS overlay (no HTML/JS changes)
   ============================================ */

/* ---------- ROOT VARIABLES ---------- */
:root {
  --bg-primary: #0f1115;
  --bg-secondary: #161922;
  --bg-tertiary: #1d2030;
  --bg-card: rgba(28, 31, 44, 0.65);
  --bg-glass: rgba(255, 255, 255, 0.03);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-hover: rgba(139, 92, 246, 0.35);

  --text-primary: #eaeaea;
  --text-secondary: #9aa0a6;
  --text-muted: #6b7280;

  --accent-1: #8b5cf6;
  --accent-2: #6366f1;
  --accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);
  --accent-glow: 0 0 32px rgba(139, 92, 246, 0.25);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.45);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 0.25s;
  --t-med: 0.4s;
  --t-slow: 0.6s;
}

/* === Global Typography And Base === */
/* ---------- GLOBAL ---------- */
html, body {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  font-family: "Tajawal", sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body {
  background-image:
    radial-gradient(1200px 600px at 80% -10%, rgba(139, 92, 246, 0.08), transparent 60%),
    radial-gradient(900px 500px at 0% 30%, rgba(99, 102, 241, 0.06), transparent 60%) !important;
  background-attachment: fixed;
}

a {
  color: var(--text-primary);
  text-decoration: none;
  transition: color var(--t-fast) var(--ease);
}
a:hover { color: #c4b5fd; }

::selection { background: rgba(139, 92, 246, 0.3); color: #fff; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-primary); }
::-webkit-scrollbar-thumb {
  background: var(--bg-tertiary);
  border-radius: 10px;
  border: 2px solid var(--bg-primary);
}
::-webkit-scrollbar-thumb:hover { background: var(--accent-1); }

/* === Header And Navigation === */
/* ---------- HEADER ---------- */
.site-header,
.site-header .c-header__top,
.main-navigation.style-1 {
  background: rgba(15, 17, 21, 0.85) !important;
  
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid var(--border-subtle) !important;
  box-shadow: none !important;
}

.site-header .main-navigation .main-menu a,
.site-header .c-user_item span,
.site-header .open-search-main-menu span {
  color: var(--text-primary) !important;
  font-weight: 400;
  font-size: 15px !important;
  transition: color var(--t-fast) var(--ease);
}

.site-header .main-navigation .main-menu a:hover,
.site-header .open-search-main-menu:hover { color: #c4b5fd !important; }

.open-search-main-menu {
  background: var(--bg-glass);
  border: 1px solid var(--border-subtle);
  padding: 8px 16px !important;
  border-radius: 999px !important;
  transition: all var(--t-fast) var(--ease);
}
.open-search-main-menu:hover {
  background: rgba(139, 92, 246, 0.1);
  border-color: var(--border-hover);
}

.c-user_item span { font-weight: 500; }
.c-user_avatar img { border-radius: 50% !important; border: 2px solid var(--border-subtle); }

/* === Homepage Layout And Tabs === */
/* ---------- SECTION HEADINGS ---------- */
.c-blog__heading.style-2 {
  margin: 48px 0 28px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.c-blog__heading.style-2 h4,
.c-blog__heading.style-2 .h4 {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  letter-spacing: -0.01em;
  color: var(--text-primary) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.c-blog__heading.style-2 h4 a {
  color: var(--text-primary) !important;
  background: transparent !important;
  padding: 0 !important;
}

.c-blog__heading.style-2 i { display: none !important; }

.c-blog__heading.style-2 .heading-view-all {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--text-secondary) !important;
  background: var(--bg-glass) !important;
  border: 1px solid var(--border-subtle);
  padding: 8px 18px !important;
  border-radius: 999px !important;
  transition: all var(--t-fast) var(--ease) !important;
}
.c-blog__heading.style-2 .heading-view-all:hover {
  background: rgba(139, 92, 246, 0.1) !important;
  border-color: var(--border-hover);
  color: #c4b5fd !important;
  transform: translateY(-1px);
}

/* ---------- PAGE BACKGROUND ---------- */
.c-page-content,
.c-page-content.style-2,
.site-content,
.c-page,
.c-page__content {
  background: transparent !important;
}

.c-sidebar.c-top-sidebar { background: transparent !important; }

/* ---------- HERO SLIDER ---------- */
.manga-novelhub-hero-slider {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  margin-bottom: 24px;
}
.novelhub-hero_slider__item img {
  border-radius: var(--radius-lg);
  filter: brightness(0.95);
}

/* ===== Homepage filter tabs ===== */
.ph-tabs {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 6px;
  margin: 36px auto 32px;
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  width: fit-content;
  max-width: 100%;
  box-shadow: var(--shadow-md);
}

.ph-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 26px;
  border-radius: 999px;
  color: var(--text-secondary) !important;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none !important;
  white-space: nowrap;
  transition: color var(--t-fast) var(--ease),
              background var(--t-fast) var(--ease),
              transform var(--t-fast) var(--ease);
}

.ph-tab i { font-size: 13px; opacity: 0.85; }

.ph-tab:hover {
  color: var(--text-primary) !important;
  background: rgba(255, 255, 255, 0.04);
}

.ph-tab.is-active {
  background: var(--accent-gradient);
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.35);
}
.ph-tab.is-active i { opacity: 1; }

/* Hide the now-redundant section heading on the homepage */
.home .c-blog__heading.style-2 { display: none !important; }
.home .wp-block-spacer { display: none !important; }

/* Mobile: full-width pills */
@media (max-width: 540px) {
  .ph-tabs { width: 100%; gap: 4px; padding: 5px; }
  .ph-tab { flex: 1; justify-content: center; padding: 10px 8px; font-size: 13px; }
  .ph-tab span { font-size: 13px; }
}


/* Enable smooth cross-page transitions */
@view-transition { navigation: auto; }

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.90s;
	   }

/* === Card System === */
/* ---------- CARD GRID ---------- */
.page-listing-item .row,
.page-listing-item .row-eq-height {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

@media (min-width: 1500px) {
  .page-listing-item .row,
  .page-listing-item .row-eq-height {
    grid-template-columns: repeat(5, fr) !important;
  }
}

/* === Header Account Dropdown Premium Redesign === */
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 40px !important;
  padding: 4px 7px 4px 12px !important;
  overflow: visible !important;
  color: rgba(248, 247, 255, 0.92) !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(139, 92, 246, 0.20), transparent 42%),
    linear-gradient(135deg, rgba(17, 18, 31, 0.98), rgba(25, 22, 44, 0.96)) !important;
  border: 1px solid rgba(190, 172, 255, 0.20) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
  cursor: pointer !important;
}

body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced:hover,
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced:focus-within {
  border-color: rgba(196, 181, 253, 0.42) !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(139, 92, 246, 0.26), transparent 44%),
    linear-gradient(135deg, rgba(22, 22, 38, 0.98), rgba(31, 26, 56, 0.98)) !important;
}

body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced > span {
  max-width: 170px !important;
  overflow: hidden !important;
  color: rgba(248, 247, 255, 0.92) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced .c-user_avatar,
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced .c-user_avatar-image {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced .c-user_avatar img,
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced .c-user_avatar-image img {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(218, 208, 255, 0.34) !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12) !important;
}

body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced .c-user_menu,
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced .pn-account-dropdown-menu {
  position: absolute !important;
  inset-block-start: calc(100% + 12px) !important;
  inset-inline-end: 0 !important;
  right: auto !important;
  left: auto !important;
  display: block !important;
  width: min(292px, calc(100vw - 24px)) !important;
  min-width: 248px !important;
  margin: 0 !important;
  padding: 10px !important;
  direction: rtl !important;
  text-align: right !important;
  list-style: none !important;
  color: rgba(248, 247, 255, 0.92) !important;
  background:
    radial-gradient(circle at 85% 10%, rgba(139, 92, 246, 0.18), transparent 38%),
    linear-gradient(145deg, rgba(12, 14, 27, 0.985), rgba(24, 20, 45, 0.98)) !important;
  border: 1px solid rgba(190, 172, 255, 0.22) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(8px) scale(0.985) !important;
  transform-origin: top right !important;
  visibility: hidden !important;
  z-index: 10050 !important;
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease !important;
}

body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced:hover .c-user_menu,
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced:focus-within .c-user_menu,
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced.pn-account-dropdown-open .c-user_menu,
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced:hover .pn-account-dropdown-menu,
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced:focus-within .pn-account-dropdown-menu,
body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced.pn-account-dropdown-open .pn-account-dropdown-menu {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  visibility: visible !important;
}

body:not(.reading-manga) .site-header .c-user_menu .pn-account-dropdown-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 8px !important;
  padding: 10px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(190, 172, 255, 0.13) !important;
  border-radius: 14px !important;
}

body:not(.reading-manga) .site-header .c-user_menu .pn-account-dropdown-card__avatar {
  display: inline-flex !important;
  flex: 0 0 auto !important;
}

body:not(.reading-manga) .site-header .c-user_menu .pn-account-dropdown-card__avatar img {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(218, 208, 255, 0.36) !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

body:not(.reading-manga) .site-header .c-user_menu .pn-account-dropdown-card__copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 3px !important;
}

body:not(.reading-manga) .site-header .c-user_menu .pn-account-dropdown-card__copy strong {
  overflow: hidden !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.reading-manga) .site-header .c-user_menu .pn-account-dropdown-card__copy small {
  color: rgba(218, 211, 241, 0.70) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}

body:not(.reading-manga) .site-header .c-user_menu li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body:not(.reading-manga) .site-header .c-user_menu li + li {
  margin-top: 4px !important;
}

body:not(.reading-manga) .site-header .c-user_menu li a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 40px !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  color: rgba(242, 239, 255, 0.88) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
}

body:not(.reading-manga) .site-header .c-user_menu li a::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  color: #c9bcff !important;
  background: rgba(139, 92, 246, 0.13) !important;
  border: 1px solid rgba(190, 172, 255, 0.14) !important;
  border-radius: 10px !important;
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body:not(.reading-manga) .site-header .c-user_menu li.pn-account-menu-item--account a::before { content: "\f007"; }
body:not(.reading-manga) .site-header .c-user_menu li.pn-account-menu-item--favorites a::before { content: "\f02e"; }
body:not(.reading-manga) .site-header .c-user_menu li.pn-account-menu-item--history a::before { content: "\f1da"; }
body:not(.reading-manga) .site-header .c-user_menu li.pn-account-menu-item--reader-settings a::before { content: "\f02d"; }
body:not(.reading-manga) .site-header .c-user_menu li.pn-account-menu-item--account-settings a::before { content: "\f013"; }
body:not(.reading-manga) .site-header .c-user_menu li.pn-account-menu-item--logout a::before {
  content: "\f2f5";
  color: #ffd1d8 !important;
  background: rgba(255, 79, 113, 0.12) !important;
  border-color: rgba(255, 126, 150, 0.18) !important;
}

body:not(.reading-manga) .site-header .c-user_menu li a:hover,
body:not(.reading-manga) .site-header .c-user_menu li a:focus-visible {
  color: #ffffff !important;
  background: rgba(139, 92, 246, 0.15) !important;
  border-color: rgba(190, 172, 255, 0.20) !important;
  outline: none !important;
  transform: translateX(2px) !important;
}

body:not(.reading-manga) .site-header .c-user_menu li.pn-account-menu-item--logout a:hover,
body:not(.reading-manga) .site-header .c-user_menu li.pn-account-menu-item--logout a:focus-visible {
  background: rgba(255, 79, 113, 0.12) !important;
  border-color: rgba(255, 126, 150, 0.20) !important;
}

@media (max-width: 768px) {
  body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced {
    max-width: calc(100vw - 20px) !important;
  }

  body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced > span {
    max-width: 148px !important;
  }

  body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced .c-user_menu,
  body:not(.reading-manga) .site-header .c-modal_item .c-user_item.pn-account-dropdown-enhanced .pn-account-dropdown-menu {
    width: min(292px, calc(100vw - 16px)) !important;
    min-width: min(248px, calc(100vw - 16px)) !important;
  }

  body:not(.reading-manga) .site-header .c-user_menu li a {
    min-height: 42px !important;
  }
}
@media (min-width: 1100px) and (max-width: 1499px) {
  .page-listing-item .row,
  .page-listing-item .row-eq-height {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .page-listing-item .row,
  .page-listing-item .row-eq-height {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 767px) {
  .page-listing-item .row,
  .page-listing-item .row-eq-height {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* Column wrapper — must be flex column to pass height down */
.page-listing-item .row > [class*="col-"],
.page-listing-item .row-eq-height > [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Stack consecutive .page-listing-item groups visually together */
.page-content-listing {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
/* ---------- MANGA / NOVEL CARD ---------- */
.page-item-detail {
  position: relative;
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition:
    transform var(--t-med) var(--ease),
    box-shadow var(--t-med) var(--ease),
    border-color var(--t-med) var(--ease);
  isolation: isolate;
	height:100%;
	position:center;
	
	
}

.page-item-detail::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--accent-gradient);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: opacity var(--t-med) var(--ease);
  pointer-events: none;
  z-index: 1;
}

.page-item-detail:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg), var(--accent-glow);
  border-color: transparent;
}
.page-item-detail:hover::before { opacity: 1; }


/* ---------- CARD IMAGE ---------- */
.page-item-detail .item-thumb {
  position: relative;
  width: 100% !important;
  aspect-ratio: 2 / 3 !important;
  height: auto !important;
  flex-shrink: 0 !important;
  overflow: hidden;
  background: var(--bg-tertiary);
}

.page-item-detail .item-thumb a {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.page-item-detail .item-thumb img,
.page-item-detail .item-thumb img.img-responsive {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  transition: transform var(--t-slow) var(--ease), filter var(--t-med) var(--ease);
}
/* Hover gradient overlay for readability */
.page-item-detail .item-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(15, 17, 21, 0.85) 100%);
  opacity: 0;
  transition: opacity var(--t-med) var(--ease);
  pointer-events: none;
}
.page-item-detail:hover .item-thumb::after { opacity: 1; }

/* ---------- CARD CONTENT ---------- */
.page-item-detail .item-summary {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 10px 12px 20px !important;
  text-align: center;
  z-index: 2;
  position: relative;
}

.page-item-detail .post-title {
  margin: 0 0 8px !important;
  min-height: 3.9em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-item-detail .post-title h3,
.page-item-detail .post-title .h5 {
  font-family: "Tajawal", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center;
  color: var(--text-primary) !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  letter-spacing: -0.01em;
}

/* ---------- HIDE CLUTTER (ratings, genres, summary) ---------- */
.page-item-detail .manga-genres,
.page-item-detail .meta-item.rating,
.page-item-detail .meta-item.summary,
.page-item-detail .post-total-rating,
.page-item-detail .ratings_stars,
.page-item-detail .score,
.page-item-detail .total_votes {
  display: none !important;
}


/* ---------- CHAPTERS LIST ---------- */
.page-item-detail .list-chapter {
  margin-top: auto !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

/* Show only 2 chapters max — keeps every card uniform */
.page-item-detail .list-chapter .chapter-item:nth-child(n+3) {
  display: none !important;
}

.page-item-detail .chapter-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px;
  padding: 5px 8px !important;
  margin: 0 !important;
  background: var(--bg-glass);
  border: 1px solid var(--border-subtle);
  border-radius: 6px;
  transition: all var(--t-fast) var(--ease);
}

.page-item-detail .chapter-item .chapter,
.page-item-detail .chapter-item .chapter a {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 2px 8px !important;
  color: var(--text-primary) !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  min-width: 50px !important;
  text-align: center !important;
}

.page-item-detail .chapter-item .post-on {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--text-muted) !important;
  font-size: 10px !important;
  font-weight: 300 !important;
  text-align: end;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* === Poster Cards === */
/* === Poster Cards: Slice 1.1 Correction === */
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card,
.related-content .poster-card {
    position: relative;
    display: block;
    isolation: isolate;
    width: 100%;
    aspect-ratio: 2 / 3;
    height: auto;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(130, 94, 245, .2);
    border-radius: 7px;
    background: #08090f;
    box-shadow: none;
    transform: translateZ(0);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card::before,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card::after,
.related-content .poster-card::before,
.related-content .poster-card::after {
    display: none;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb,
.related-content .poster-card .item-thumb {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    border-radius: inherit;
    background: #08090f;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb a,
.related-content .poster-card .item-thumb a {
    display: block;
    width: 100%;
    height: 100%;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb img,
.related-content .poster-card .item-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transform-origin: center;
    transition: transform .32s ease, filter .32s ease;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary,
.related-content .poster-card .item-summary {
    position: absolute;
    inset: auto 0 0;
    z-index: 3;
    width: 100%;
    min-width: 0;
    min-height: 38%;
    padding: 64px 12px 12px;
    float: none;
    background: linear-gradient(0deg, rgba(5, 6, 12, .94) 0%, rgba(5, 6, 12, .72) 48%, rgba(5, 6, 12, 0) 100%);
    pointer-events: none;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title,
.related-content .poster-card .post-title {
    position: absolute;
    right: 12px;
    bottom: 12px;
    left: 12px;
    z-index: 4;
    margin: 0;
    pointer-events: auto;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title h3,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title .h5,
.related-content .poster-card .post-title h3,
.related-content .poster-card .post-title .h5 {
    min-height: 0;
    margin: 0;
    line-height: 1.38;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a,
.related-content .poster-card .post-title a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
    color: #fff;
    font-size: 15px;
    line-height: 1.38;
    font-weight: 700;
    letter-spacing: 0;
    text-shadow: 0 1px 12px rgba(0, 0, 0, .62);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
.related-content .poster-card .manga-type {
    position: absolute;
    top: 8px;
    left: 8px;
    right: auto;
    bottom: auto;
    z-index: 5;
    max-width: calc(100% - 16px);
    padding: 4px 7px 3px;
    border: 1px solid rgba(151, 105, 255, .42);
    border-radius: 4px;
    background: rgba(9, 10, 18, .72);
    color: #f3efff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.15;
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
}

body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
.rtl .related-content .poster-card .manga-type {
    right: 8px;
    left: auto;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-genres,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .meta-item,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .list-chapter,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .quick-chapter-link,
.related-content .poster-card .manga-genres,
.related-content .poster-card .meta-item,
.related-content .poster-card .list-chapter,
.related-content .poster-card .quick-chapter-link {
    display: none;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb:hover img,
.related-content .poster-card .item-thumb:hover img {
    transform: scale(1.035);
    filter: brightness(.88);
}

@media (max-width: 599px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary,
    .related-content .poster-card .item-summary {
        min-height: 42%;
        padding: 56px 9px 10px;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title,
    .related-content .poster-card .post-title {
        right: 9px;
        bottom: 10px;
        left: 9px;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a,
    .related-content .poster-card .post-title a {
        font-size: 13.5px;
        line-height: 1.4;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
    .related-content .poster-card .manga-type {
        top: 6px;
        left: 6px;
        padding: 3px 6px 2px;
        font-size: 9px;
    }

    body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
    .rtl .related-content .poster-card .manga-type {
        right: 6px;
        left: auto;
    }
}

/* === Slice 1.2: Poster Card Visual Refinement === */
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height,
.related-content .page-listing-item .row,
.related-content .page-listing-item .row-eq-height {
    grid-template-columns: repeat(auto-fill, minmax(184px, 1fr)) !important;
    gap: 14px !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card,
.related-content .poster-card {
    border-color: rgba(151, 105, 255, .18);
    border-radius: 8px;
    background: #07080e;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card:hover,
.related-content .poster-card:hover {
    transform: translateZ(0);
    border-color: rgba(151, 105, 255, .28);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary,
.related-content .poster-card .item-summary {
    min-height: 34%;
    padding: 52px 12px 13px;
    background: linear-gradient(0deg, rgba(5, 6, 12, .82) 0%, rgba(5, 6, 12, .52) 50%, rgba(5, 6, 12, 0) 100%);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title,
.related-content .poster-card .post-title {
    right: 12px;
    bottom: 13px;
    left: 12px;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title h3,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title .h5,
.related-content .poster-card .post-title h3,
.related-content .poster-card .post-title .h5 {
    line-height: 1.32;
    text-align: center;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a,
.related-content .poster-card .post-title a {
    font-family: "Tajawal", Arial, sans-serif;
    font-size: 15.5px;
    line-height: 1.32;
    font-weight: 800;
    overflow-wrap: anywhere;
    word-break: normal;
    text-wrap: balance;
    unicode-bidi: plaintext;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .7);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
.related-content .poster-card .manga-type {
    top: 8px;
    left: 8px;
    padding: 3px 6px 2px;
    border-color: rgba(151, 105, 255, .32);
    border-radius: 4px;
    background: rgba(7, 8, 14, .72);
    color: #f7f2ff;
    box-shadow: inset 2px 0 0 rgba(139, 92, 246, .62), 0 4px 14px rgba(0, 0, 0, .18);
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1.1;
}

body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
.rtl .related-content .poster-card .manga-type {
    right: 8px;
    left: auto;
    box-shadow: inset -2px 0 0 rgba(139, 92, 246, .62), 0 4px 14px rgba(0, 0, 0, .18);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb:hover img,
.related-content .poster-card .item-thumb:hover img {
    transform: scale(1.025);
    filter: brightness(.94);
}

@media (min-width: 1200px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height,
    .related-content .page-listing-item .row,
    .related-content .page-listing-item .row-eq-height {
        grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width: 767px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height,
    .related-content .page-listing-item .row,
    .related-content .page-listing-item .row-eq-height {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 599px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary,
    .related-content .poster-card .item-summary {
        min-height: 36%;
        padding: 46px 9px 10px;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title,
    .related-content .poster-card .post-title {
        right: 9px;
        bottom: 10px;
        left: 9px;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a,
    .related-content .poster-card .post-title a {
        font-size: 13.75px;
        line-height: 1.35;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
    .related-content .poster-card .manga-type {
        top: 6px;
        left: 6px;
        padding: 3px 5px 2px;
        font-size: 9px;
    }

    body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
    .rtl .related-content .poster-card .manga-type {
        right: 6px;
        left: auto;
    }
}

/* === Slice 1.3: Poster Grid Final Polish === */
@media (min-width: 1024px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
        gap: 12px;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height,
    .related-content .page-listing-item .row,
    .related-content .page-listing-item .row-eq-height {
        column-gap: 12px !important;
        row-gap: 12px !important;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card,
    .related-content .poster-card {
        border-radius: 7px;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary,
    .related-content .poster-card .item-summary {
        min-height: 32%;
        padding: 48px 12px 12px;
        background: linear-gradient(0deg, rgba(5, 6, 12, .78) 0%, rgba(5, 6, 12, .46) 48%, rgba(5, 6, 12, 0) 100%);
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title,
    .related-content .poster-card .post-title {
        right: 11px;
        bottom: 12px;
        left: 11px;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a,
    .related-content .poster-card .post-title a {
        font-size: 15.25px;
        line-height: 1.34;
        text-shadow: 0 1px 9px rgba(0, 0, 0, .72);
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
    .related-content .poster-card .manga-type {
        top: 7px;
        left: 7px;
        padding: 3px 6px 2px;
        background: rgba(6, 7, 13, .76);
    }

    body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
    .rtl .related-content .poster-card .manga-type {
        right: 7px;
        left: auto;
    }
}

@media (min-width: 1280px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
        width: min(100%, 1260px);
        margin-right: auto;
        margin-left: auto;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height,
    .related-content .page-listing-item .row,
    .related-content .page-listing-item .row-eq-height {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1500px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
        width: min(100%, 1320px);
    }
}

/* === Slice 1.4: Reference Poster Card Match === */
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card,
.related-content .poster-card {
    aspect-ratio: 9 / 15.5 !important;
    border: 0;
    border-radius: 8px;
    background: #07080d;
    box-shadow: none;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card:hover,
.related-content .poster-card:hover {
    border: 0;
    box-shadow: none;
    transform: translateZ(0);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary,
.related-content .poster-card .item-summary {
    inset: auto 0 0;
    min-height: 30%;
    height: 30%;
    padding: 38px 8px 8px;
    background: linear-gradient(0deg, rgba(4, 5, 10, .66) 0%, rgba(4, 5, 10, .34) 54%, rgba(4, 5, 10, 0) 100%);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title,
.related-content .poster-card .post-title {
    right: 8px;
    bottom: 8px;
    left: 8px;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title h3,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title .h5,
.related-content .poster-card .post-title h3,
.related-content .poster-card .post-title .h5 {
    line-height: 1.28;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a,
.related-content .poster-card .post-title a {
    font-size: 15px;
    line-height: 1.28;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 1px 7px rgba(0, 0, 0, .8);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
.related-content .poster-card .manga-type {
    top: 6px;
    left: 6px;
    padding: 2px 5px 1px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 4px;
    background: rgba(34, 28, 22, .58);
    color: rgba(255, 246, 231, .96);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.12;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type,
.rtl .related-content .poster-card .manga-type {
    right: 6px;
    left: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb:hover img,
.related-content .poster-card .item-thumb:hover img {
    transform: scale(1.018);
    filter: brightness(.97);
}

@media (min-width: 1024px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
        width: min(94vw, 1360px);
        max-width: min(94vw, 1360px);
        margin-right: 0;
        margin-left: 50%;
        transform: translateX(-50%);
        gap: 8px;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height,
    .related-content .page-listing-item .row,
    .related-content .page-listing-item .row-eq-height {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        column-gap: 6px !important;
        row-gap: 8px !important;
        align-items: start !important;
    }
}

@media (min-width: 1500px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
        width: min(92vw, 1420px);
        max-width: min(92vw, 1420px);
    }
}

@media (max-width: 767px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card,
    .related-content .poster-card {
        aspect-ratio: 9 / 15 !important;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary,
    .related-content .poster-card .item-summary {
        min-height: 32%;
        height: 32%;
        padding: 34px 8px 8px;
    }
}

/* === Slice 1.5: Ariatoon-like Poster Visual Match === */
body.page .c-page-content.style-1,
body.page .c-page-content .content-area,
body.page .c-page-content .main-col-inner.c-page,
body.page .c-page-content .c-page .c-page__content,
body.page .c-page-content .c-blog-listing.manga_content {
    background: #050505 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
    width: min(94vw, 1380px) !important;
    max-width: min(94vw, 1380px) !important;
    padding: 0 !important;
    gap: 5px !important;
    background: #050505 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item {
    margin: 0 0 5px !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    column-gap: 5px !important;
    row-gap: 5px !important;
    align-items: start !important;
    margin: 0 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row > [class*="col-"],
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: unset !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card {
    aspect-ratio: 9 / 16.2 !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #070706 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card::before,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card::after {
    display: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card:hover {
    border: 0 !important;
    box-shadow: none !important;
    transform: translateZ(0) !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    background: #050505 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb::after {
    display: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb img,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb img.img-responsive {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    filter: saturate(1.03) contrast(1.01) brightness(1) !important;
    transform: scale(1) !important;
    transition: transform .18s ease, filter .18s ease !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary {
    position: absolute !important;
    inset: auto 0 0 !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 42px 7px 6px !important;
    background: linear-gradient(180deg, rgba(4, 4, 3, 0) 0%, rgba(4, 4, 3, .10) 24%, rgba(4, 4, 3, .34) 68%, rgba(3, 3, 2, .56) 100%) !important;
    backdrop-filter: saturate(1.08) blur(1.5px);
    -webkit-backdrop-filter: saturate(1.08) blur(1.5px);
    pointer-events: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    pointer-events: auto !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title h3,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title .h5 {
    min-height: 0 !important;
    margin: 0 !important;
    line-height: 1.16 !important;
    text-align: center !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.16 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .68) !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type {
    top: 5px !important;
    left: 5px !important;
    right: auto !important;
    bottom: auto !important;
    max-width: calc(100% - 10px) !important;
    padding: 2px 5px 1px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: rgba(218, 202, 178, .86) !important;
    color: #241f17 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .14) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    backdrop-filter: saturate(1.1) blur(4px);
    -webkit-backdrop-filter: saturate(1.1) blur(4px);
}

body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type {
    right: 5px !important;
    left: auto !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-genres,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .meta-item,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .list-chapter,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .quick-chapter-link {
    display: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb:hover img {
    transform: scale(1.006) !important;
    filter: saturate(1.04) contrast(1.01) brightness(1.02) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        column-gap: 5px !important;
        row-gap: 5px !important;
    }
}

@media (max-width: 767px) {
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        gap: 4px !important;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item {
        margin-bottom: 4px !important;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 4px !important;
        row-gap: 4px !important;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card {
        aspect-ratio: 9 / 15.8 !important;
        border-radius: 6px !important;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary {
        padding: 36px 5px 5px !important;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a {
        font-size: 12px !important;
        line-height: 1.14 !important;
    }

    body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type {
        top: 4px !important;
        left: 4px !important;
        padding: 2px 4px 1px !important;
        font-size: 8px !important;
    }

    body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type {
        right: 4px !important;
        left: auto !important;
    }
}

/* === Slice 1.6: Ariatoon Geometry Correction === */
body.home {
    background: #0b0b0d !important;
}

body.home .c-page-content.style-1,
body.home .c-page-content .content-area,
body.home .c-page-content .main-col,
body.home .c-page-content .main-col-inner.c-page,
body.home .c-page-content .c-blog-listing.manga_content,
body.home .c-page-content .c-blog__inner,
body.home .c-page-content .c-blog__content {
    background: #0b0b0d !important;
}

body.home .c-page-content.style-1 {
    padding-top: 34px !important;
}

body.home .c-page-content .container {
    width: 100% !important;
    max-width: 1320px !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
}

body.home .c-page-content .tab-wrap.filter-bar {
    margin: 0 0 34px !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
    width: 100% !important;
    max-width: 1104px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    gap: 4px !important;
    transform: none !important;
    background: transparent !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item {
    margin: 0 0 4px !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    column-gap: 4px !important;
    row-gap: 4px !important;
    margin: 0 !important;
    align-items: start !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row > [class*="col-"],
body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: unset !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 150 / 262 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #111 !important;
    box-shadow: none !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb,
body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb a {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    aspect-ratio: auto !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb img,
body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-thumb img.img-responsive {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: scale(1) !important;
    filter: saturate(1.02) contrast(1.01) brightness(.98) !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary {
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 9px 11px !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, .18) 64%, rgba(0, 0, 0, .54) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title {
    position: relative !important;
    inset: auto !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title h3,
body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title .h5 {
    min-height: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    line-height: 1.16 !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.16 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .72) !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type {
    top: 5px !important;
    left: 5px !important;
    right: auto !important;
    bottom: auto !important;
    padding: 2px 6px 1px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: rgba(216, 198, 158, .92) !important;
    color: #2a2418 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
}

body.rtl.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type {
    right: 5px !important;
    left: auto !important;
}

body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card:hover,
body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card:hover .item-thumb img {
    box-shadow: none !important;
    transform: translateY(-1px) scale(1.002) !important;
    filter: saturate(1.02) contrast(1.01) brightness(.93) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    body.home .c-page-content .container {
        max-width: 760px !important;
    }

    body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
    body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body.home .c-page-content.style-1 {
        padding-top: 22px !important;
    }

    body.home .c-page-content .container {
        max-width: none !important;
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
        max-width: none !important;
        gap: 4px !important;
    }

    body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row,
    body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item .row-eq-height {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card {
        border-radius: 7px !important;
    }

    body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .item-summary {
        padding: 0 6px 8px !important;
    }

    body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .post-title a {
        font-size: 12.5px !important;
        line-height: 1.13 !important;
    }

    body.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type {
        top: 4px !important;
        left: 4px !important;
        padding: 2px 5px 1px !important;
        font-size: 9px !important;
    }

    body.rtl.home .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .poster-card .manga-type {
        right: 4px !important;
        left: auto !important;
    }
}

/* === Slice 1.7: Live Homepage MANGA Wrapper Correction === */
body.page:not(.manga-page):not(.reading-manga) .c-page-content.style-1,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .content-area,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .container,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .row,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .main-col,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .main-col-inner.c-page,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .c-page__content.manga_content,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .c-blog-listing.manga_content {
    background: #0b0b0d !important;
    background-color: #0b0b0d !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-page-content.style-1 {
    padding-top: 18px !important;
    padding-bottom: 56px !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-page-content .content-area,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .main-col,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .main-col-inner.c-page,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .c-page__content.manga_content,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .c-blog-listing.manga_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-page-content .main-col-inner.c-page {
    max-width: 1132px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-page-content .tab-wrap,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .filter-bar,
body.page:not(.manga-page):not(.reading-manga) .c-page-content .c-blog-listing.manga_content > .tab-wrap {
    margin-top: 0 !important;
    margin-bottom: 32px !important;
    padding-top: 0 !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 4px !important;
    max-width: 1104px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .page-content-listing.item-big_thumbnail:not(.item-one_featured) .page-listing-item {
    display: contents !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 150 / 262 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #151515 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .item-thumb,
body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .item-thumb a {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: inherit !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .item-thumb img,
body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .item-thumb img.img-responsive {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .item-summary {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 50px 7px 10px !important;
    background:
        linear-gradient(180deg, rgba(8, 8, 8, 0) 36%, rgba(8, 8, 8, 0.22) 66%, rgba(8, 8, 8, 0.62) 100%) !important;
    border-radius: inherit !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .post-title {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .post-title a {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.72) !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .manga-type {
    top: 5px !important;
    left: 5px !important;
    right: auto !important;
    min-height: 0 !important;
    padding: 2px 7px !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #fff !important;
    background: rgba(173, 156, 117, 0.92) !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

body.rtl.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .manga-type {
    right: 5px !important;
    left: auto !important;
}

body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.36) !important;
}

@media (max-width: 991px) {
    body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        max-width: 760px !important;
    }
}

@media (max-width: 575px) {
    body.page:not(.manga-page):not(.reading-manga) .c-page-content.style-1 {
        padding-top: 12px !important;
    }

    body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .page-content-listing.item-big_thumbnail:not(.item-one_featured) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 4px !important;
        max-width: none !important;
        padding-inline: 8px !important;
    }

    body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .item-summary {
        padding: 42px 5px 8px !important;
    }

    body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .post-title a {
        font-size: 11px !important;
        line-height: 1.14 !important;
    }

    body.page:not(.manga-page):not(.reading-manga) .c-blog-listing.manga_content .poster-card .manga-type {
        font-size: 9px !important;
        padding: 2px 5px !important;
    }
}

/* === Slice 1.8: Poster Title Bottom Lock === */
body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    gap: 6px !important;
}

body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 38px 7px 9px !important;
    background:
        linear-gradient(180deg, rgba(8, 8, 8, 0) 0%, rgba(8, 8, 8, 0.2) 48%, rgba(8, 8, 8, 0.58) 100%) !important;
}

body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title h3,
body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title .h5 {
    margin: 0 !important;
    padding: 0 !important;
}

body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    max-height: 2.38em !important;
    line-height: 1.19 !important;
    text-align: center !important;
}

body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-genres,
body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .meta-item,
body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .list-chapter,
body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .quick-chapter-link {
    display: none !important;
}

@media (max-width: 575px) {
    body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
        gap: 6px !important;
    }

    body.home.page .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary {
        padding: 32px 5px 8px !important;
    }
}

/* === Reader === */
.reading-content.current .chapter-name{

    width: 100% !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center;

    text-align: center !important;

    margin: 20px auto !important;
	
	 font-size: 34px;

    font-weight: 800;

    color: #fff;

    text-shadow:
    0 0 15px rgba(139,92,246,.35);

    letter-spacing: .5px;
}




/* حاوية الصور */
.reading-content .page-break{

    display: flex;
    justify-content: center;

    width: 100%;
}

/* الصور */
.reading-content .wp-manga-chapter-img{

    width: 100% !important;

    max-width: 720px !important;

    height: auto !important;

    object-fit: contain;

    display: block;

    margin: 0 auto;
}

/* === Mobile Menu === */
/* الخلفية */
.mobile-menu{

    background:
    linear-gradient(
        180deg,
        #090b13 0%,
        #111827 25%,
        #1e1b4b 60%,
        #140f2d 100%
    ) !important;

    backdrop-filter: blur(25px);

    border-left:
    1px solid rgba(255,255,255,.05);

    box-shadow:
    -10px 0 40px rgba(0,0,0,.55);
}

/* معلومات المستخدم */
.mobile-menu .c-user_item{

    padding-top: 40px;

    padding-bottom: 35px;

    text-align: center;

    position: relative;
}

/* الصورة */
.mobile-menu .c-user_avatar-image{

    display: inline-block;

    position: relative;

    z-index: 10;
}

.mobile-menu .c-user_avatar-image img{

    width: 95px;
    height: 95px;

    border-radius: 50%;

    border:
    3px solid rgba(255,255,255,.12);

    box-shadow:
    0 10px 35px rgba(0,0,0,.55);

    transition: .3s;
}

/* Hover الصورة */
.mobile-menu .c-user_avatar-image:hover img{

    transform: scale(1.06);

    border-color:
    rgba(139,92,246,.6);
}

/* الاسم */
.mobile-menu .c-user_name{

    display: block;

    margin-top: 16px;

    color: rgba(255,255,255,.92);

    font-size: 20px;

    font-weight: 700;

    letter-spacing: .4px;
}

/* القائمة */
.mobile-menu .off-menu{

    padding: 0 22px 40px;
}

/* العناصر */
.mobile-menu .main-navbar li{

    list-style: none;

    margin-bottom: 8px;
}

/* الروابط */
.mobile-menu .main-navbar li a{

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 20px 6px;

    color: rgba(255,255,255,.9) !important;

    text-decoration: none !important;

   

    font-weight: 650;

    border-bottom:
    1px solid rgba(255,255,255,.08);

    transition: .25s;

    position: relative;
}

/* الخط المتحرك */
.mobile-menu .main-navbar li a::after{

    content: '';

    position: absolute;

    bottom: -1px;
    right: 0;

    width: 0;

    height: 1px;

    background:
    linear-gradient(
        90deg,
        transparent,
        #8b5cf6,
        #c084fc
    );

    transition: .3s;
}

/* Hover */
.mobile-menu .main-navbar li a:hover{

    color: #fff !important;

    padding-right: 18px;
}

.mobile-menu .main-navbar li a:hover::after{

    width: 100%;
}

/* إزالة الخطوط القديمة */
.mobile-menu .main-navbar li::before,
.mobile-menu .main-navbar li::after{

    display: none !important;
}

/* زر الإغلاق */
.mobile-menu .close-nav{

    position: absolute;

    top: 22px;
    left: 22px;

    z-index: 1;
}

/* الزر */
.mobile-menu .menu_icon__close{

    width: 44px;
    height: 44px;

    border-radius: 50%;

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(255,255,255,.06);

    backdrop-filter: blur(10px);

    transition: .25s;

    opacity: .5;
}

/* عندما تذهب للصورة يختفي */
.mobile-menu .c-user_avatar-image:hover ~ .close-nav,
.mobile-menu .c-user_item:hover ~ .close-nav{

    opacity: 0;

    pointer-events: none;
}

/* hover الزر */
.mobile-menu .menu_icon__close:hover{

    opacity: 1;

    transform: rotate(90deg);

    background:
    rgba(255,255,255,.08);
}

/* === Footer === */
/* ---------- FOOTER ---------- */
.site-footer {
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--border-subtle);
  margin-top: 60px;
}
.site-footer .widget-heading h5 {
  color: var(--text-primary) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.site-footer a { color: var(--text-secondary) !important; }
.site-footer a:hover { color: #c4b5fd !important; }
.site-footer .copyright p { color: var(--text-muted) !important; font-size: 12px; }

.social_account__item li a {
  background: var(--bg-glass) !important;
  border: 1px solid var(--border-subtle);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: all var(--t-fast) var(--ease);
}
.social_account__item li a:hover {
  background: rgba(139, 92, 246, 0.15) !important;
  border-color: var(--border-hover);
  transform: translateY(-2px);
}

/* === Utilities === */
/* ---------- DARK/LIGHT TOGGLE ---------- */
#darklight_toggle {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
  backdrop-filter: blur(10px);
}

/* ---------- MOBILE MENU ---------- */


/* ---------- SPACING REFINEMENTS ---------- */
.c-page { margin-bottom: 40px; }
.c-page__content { padding: 0; }
.tab-content-wrap { padding-top: 8px; }

/* ---------- FADE-IN ANIMATIONS ---------- */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.page-item-detail {
  animation: fadeUp var(--t-slow) var(--ease) backwards;
}
.page-listing-item .row > *:nth-child(1) .page-item-detail { animation-delay: 0.05s; }
.page-listing-item .row > *:nth-child(2) .page-item-detail { animation-delay: 0.10s; }
.page-listing-item .row > *:nth-child(3) .page-item-detail { animation-delay: 0.15s; }
.page-listing-item .row > *:nth-child(4) .page-item-detail { animation-delay: 0.20s; }
.page-listing-item .row > *:nth-child(5) .page-item-detail { animation-delay: 0.25s; }
.page-listing-item .row > *:nth-child(6) .page-item-detail { animation-delay: 0.30s; }

/* === Temporary / Unknown Rules === */
/*
Suspicious rules intentionally preserved for behavior parity:
- grid-template-columns: repeat(5, fr) !important; appears invalid but came from Additional CSS.
- .page-item-detail uses position:center; which is invalid CSS but came from Additional CSS.
- Broad .page-item-detail rules remain in Card System to avoid changing current behavior during consolidation.
- @view-transition rules are browser-dependent and are preserved as migrated.
*/

/* === Slice 1.9: Poster Blur And Archive Grid Fix === */
.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content {
  width: 100% !important;
  max-width: 100% !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
  justify-content: center !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-listing-item {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .auto-col {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card {
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: 150 / 262 !important;
  overflow: hidden !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary {
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: 36px 8px 9px !important;
  background:
    linear-gradient(180deg, rgba(8, 8, 8, 0) 0%, rgba(8, 8, 8, 0.12) 44%, rgba(8, 8, 8, 0.34) 100%) !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::before {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  height: 64px !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(12, 12, 12, 0) 0%, rgba(12, 12, 12, 0.2) 48%, rgba(4, 4, 4, 0.46) 100%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.28) !important;
  backdrop-filter: blur(12px) saturate(1.28) !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 36%, #000 100%) !important;
  mask-image: linear-gradient(180deg, transparent 0%, #000 36%, #000 100%) !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title h3,
.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title .h5 {
  margin: 0 !important;
  padding: 0 !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-height: 2.4em !important;
  color: #fff !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.78) !important;
}

.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-genres,
.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .meta-item,
.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .list-chapter,
.site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .quick-chapter-link {
  display: none !important;
}

@media (max-width: 1199px) {
  .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    max-width: 940px !important;
  }
}

@media (max-width: 991px) {
  .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    max-width: 760px !important;
  }
}

@media (max-width: 767px) {
  .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: none !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}

@media (max-width: 430px) {
  .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary {
    padding: 30px 6px 8px !important;
  }
}

/* === Poster Card System v2: Unified Catalog Cards === */
body.page-template-front-page:not(.manga-page):not(.reading-manga) .site-content,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content.style-1,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .content-area,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .main-col,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .main-col-inner.c-page,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .c-blog-listing.c-page__content.manga_content,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .c-blog__inner,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .c-blog__content {
  background: #0b0b0d !important;
  background-color: #0b0b0d !important;
}

body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .content-area,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .main-col,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .main-col-inner.c-page,
body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .c-blog-listing.c-page__content.manga_content {
  padding-top: 0 !important;
}

body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .main-col-inner.c-page,
.related-content {
  width: 100% !important;
  max-width: 1136px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols,
.related-content .page-content-listing.item-big_thumbnail {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  align-items: start !important;
  transform: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item,
.related-content .page-content-listing.item-big_thumbnail .page-listing-item {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .auto-col,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .auto-col,
.related-content .page-content-listing.item-big_thumbnail .page-listing-item > .auto-col {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row-eq-height,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row-eq-height,
.related-content .page-content-listing.item-big_thumbnail .page-listing-item > .row,
.related-content .page-content-listing.item-big_thumbnail .page-listing-item > .row-eq-height {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row > [class*="col-"],
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row-eq-height > [class*="col-"],
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row > [class*="col-"],
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row-eq-height > [class*="col-"],
.related-content .page-content-listing.item-big_thumbnail .page-listing-item > .row > [class*="col-"],
.related-content .page-content-listing.item-big_thumbnail .page-listing-item > .row-eq-height > [class*="col-"] {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card,
.related-content .page-content-listing.item-big_thumbnail .page-item-detail.poster-card,
.related-content .page-item-detail.poster-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 150 / 262 !important;
  margin: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  contain: paint !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #111 !important;
  box-shadow: none !important;
  transform: translateZ(0) !important;
  transition: opacity .18s ease, transform .18s ease !important;
  animation: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::before,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::after,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::before,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::after,
.related-content .page-item-detail.poster-card::before,
.related-content .page-item-detail.poster-card::after {
  display: none !important;
  content: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card:hover,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card:hover,
.related-content .page-item-detail.poster-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb a,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb a,
.related-content .page-item-detail.poster-card .item-thumb,
.related-content .page-item-detail.poster-card .item-thumb a {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  aspect-ratio: auto !important;
  background: #111 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb::after,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb::after,
.related-content .page-item-detail.poster-card .item-thumb::after {
  display: none !important;
  content: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb img,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb img.img-responsive,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb img,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-thumb img.img-responsive,
.related-content .page-item-detail.poster-card .item-thumb img,
.related-content .page-item-detail.poster-card .item-thumb img.img-responsive {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: inherit !important;
  transform: none !important;
  filter: none !important;
  transition: opacity .18s ease !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card:hover .item-thumb img,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card:hover .item-thumb img,
.related-content .page-item-detail.poster-card:hover .item-thumb img {
  opacity: .94 !important;
  transform: none !important;
  filter: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
.related-content .page-item-detail.poster-card .item-summary {
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 42px 8px 9px !important;
  overflow: hidden !important;
  text-align: center !important;
  pointer-events: none !important;
  background:
    radial-gradient(90% 105% at 50% 100%, rgba(255, 255, 255, .11) 0%, rgba(255, 255, 255, .04) 34%, rgba(255, 255, 255, 0) 70%),
    linear-gradient(180deg, rgba(8, 8, 8, 0) 0%, rgba(8, 8, 8, .14) 42%, rgba(5, 5, 5, .48) 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::before,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::before,
.related-content .page-item-detail.poster-card .item-summary::before {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  height: 54px !important;
  pointer-events: none !important;
  background:
    radial-gradient(70% 80% at 50% 100%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .05) 42%, rgba(255, 255, 255, 0) 78%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .22) 54%, rgba(0, 0, 0, .42) 100%) !important;
  opacity: .95 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::after,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::after,
.related-content .page-item-detail.poster-card .item-summary::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  height: 18px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .22)) !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title,
.related-content .page-item-detail.poster-card .post-title {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  pointer-events: auto !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title h3,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title .h5,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title h3,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title .h5,
.related-content .page-item-detail.poster-card .post-title h3,
.related-content .page-item-detail.poster-card .post-title .h5 {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.18 !important;
  text-align: center !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title a,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title a,
.related-content .page-item-detail.poster-card .post-title a {
  display: -webkit-box !important;
  max-height: 2.36em !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  color: #fff !important;
  font-family: "Tajawal", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .78), 0 0 10px rgba(0, 0, 0, .32) !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
.related-content .page-item-detail.poster-card .manga-type {
  position: absolute !important;
  top: 5px !important;
  left: 5px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
  max-width: calc(100% - 10px) !important;
  min-height: 0 !important;
  padding: 2px 7px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: rgba(181, 162, 122, .92) !important;
  color: #fff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
body.rtl.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
.rtl .related-content .page-item-detail.poster-card .manga-type {
  right: 5px !important;
  left: auto !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-genres,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .meta-item,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-total-rating,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .ratings_stars,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .score,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .total_votes,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .list-chapter,
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .quick-chapter-link,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-genres,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .meta-item,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-total-rating,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .ratings_stars,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .score,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .total_votes,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .list-chapter,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .quick-chapter-link,
.related-content .page-item-detail.poster-card .manga-genres,
.related-content .page-item-detail.poster-card .meta-item,
.related-content .page-item-detail.poster-card .post-total-rating,
.related-content .page-item-detail.poster-card .ratings_stars,
.related-content .page-item-detail.poster-card .score,
.related-content .page-item-detail.poster-card .total_votes,
.related-content .page-item-detail.poster-card .list-chapter,
.related-content .page-item-detail.poster-card .quick-chapter-link {
  display: none !important;
}

@media (max-width: 1199px) {
  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols,
  .related-content .page-content-listing.item-big_thumbnail {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    max-width: 940px !important;
  }
}

@media (max-width: 991px) {
  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols,
  .related-content .page-content-listing.item-big_thumbnail {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    max-width: 760px !important;
  }
}

@media (max-width: 767px) {
  body.page-template-front-page:not(.manga-page):not(.reading-manga) .c-page-content .container {
    max-width: none !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols,
  .related-content .page-content-listing.item-big_thumbnail {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card,
  .related-content .page-item-detail.poster-card {
    border-radius: 7px !important;
  }

  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
  .related-content .page-item-detail.poster-card .item-summary {
    padding: 34px 6px 8px !important;
  }

  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title a,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title a,
  .related-content .page-item-detail.poster-card .post-title a {
    font-size: 12px !important;
    line-height: 1.16 !important;
  }

  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  .related-content .page-item-detail.poster-card .manga-type {
    top: 4px !important;
    left: 4px !important;
    padding: 2px 5px !important;
    font-size: 9px !important;
  }

  body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  body.rtl.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  .rtl .related-content .page-item-detail.poster-card .manga-type {
    right: 4px !important;
    left: auto !important;
  }
}

@media (max-width: 430px) {
  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols,
  .related-content .page-content-listing.item-big_thumbnail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Poster Card System v2: Stabilization Pass */
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card,
.related-content .page-content-listing.item-big_thumbnail .page-item-detail.poster-card,
.related-content .page-item-detail.poster-card {
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: opacity .14s ease !important;
  will-change: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card:hover,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card:hover,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card:hover,
.related-content .page-item-detail.poster-card:hover {
  opacity: .96 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
.related-content .page-item-detail.poster-card .item-summary {
  top: auto !important;
  bottom: 0 !important;
  min-height: 0 !important;
  padding: 38px 8px 9px !important;
  background:
    radial-gradient(92% 74% at 50% 100%, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, .035) 38%, rgba(255, 255, 255, 0) 76%),
    linear-gradient(180deg, rgba(10, 10, 12, 0) 0%, rgba(10, 10, 12, .10) 38%, rgba(8, 8, 10, .36) 100%) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::before,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::before,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::before,
.related-content .page-item-detail.poster-card .item-summary::before {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  display: block !important;
  height: 58px !important;
  pointer-events: none !important;
  opacity: .98 !important;
  background:
    radial-gradient(78% 92% at 50% 100%, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, .05) 34%, rgba(255, 255, 255, 0) 74%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(6, 6, 8, .18) 48%, rgba(5, 5, 7, .40) 100%) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::after,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::after,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary::after,
.related-content .page-item-detail.poster-card .item-summary::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  display: block !important;
  height: 16px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .24)) !important;
  filter: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title a,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title a,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title a,
.related-content .page-item-detail.poster-card .post-title a {
  line-height: 1.18 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .74), 0 0 8px rgba(0, 0, 0, .28) !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
.related-content .page-item-detail.poster-card .manga-type {
  top: 6px !important;
  left: 6px !important;
  right: auto !important;
  padding: 3px 8px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: linear-gradient(135deg, #7c3aed 0%, #d946ef 100%) !important;
  color: #fff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .28) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
body.rtl.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
body.rtl.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
.rtl .related-content .page-item-detail.poster-card .manga-type {
  right: 6px !important;
  left: auto !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card.text .manga-type,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card.text .manga-type,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card.text .manga-type,
.related-content .page-item-detail.poster-card.text .manga-type {
  background: linear-gradient(135deg, #4f46e5 0%, #8b5cf6 100%) !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card.manga .manga-type,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card.manga .manga-type,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card.manga .manga-type,
.related-content .page-item-detail.poster-card.manga .manga-type {
  background: linear-gradient(135deg, #7c3aed 0%, #d946ef 100%) !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card.video .manga-type,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card.video .manga-type,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card.video .manga-type,
.related-content .page-item-detail.poster-card.video .manga-type {
  background: linear-gradient(135deg, #581c87 0%, #991b1b 100%) !important;
}

@media (max-width: 767px) {
  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
  .related-content .page-item-detail.poster-card .item-summary {
    padding: 32px 6px 8px !important;
  }

  body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  .related-content .page-item-detail.poster-card .manga-type {
    top: 5px !important;
    left: 5px !important;
    padding: 2px 6px !important;
    font-size: 10px !important;
  }

  body.rtl.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  body.rtl.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  body.rtl.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .manga-type,
  .rtl .related-content .page-item-detail.poster-card .manga-type {
    right: 5px !important;
    left: auto !important;
  }
}

/* === Poster Card v2: Bottom Mist Enhancement === */
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::after,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::after,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::after,
.related-content .page-content-listing.item-big_thumbnail .page-item-detail.poster-card::after,
.related-content .page-item-detail.poster-card::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  display: block !important;
  height: 46% !important;
  pointer-events: none !important;
  opacity: .88 !important;
  border-radius: 0 0 inherit inherit !important;
  background:
    radial-gradient(86% 72% at 50% 100%, rgba(168, 105, 255, .22) 0%, rgba(126, 72, 214, .12) 38%, rgba(126, 72, 214, 0) 74%),
    radial-gradient(118% 76% at 50% 100%, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, .055) 32%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, rgba(8, 8, 12, 0) 0%, rgba(10, 9, 14, .16) 44%, rgba(4, 4, 7, .38) 100%) !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* === Poster Card v2: Strong Bottom Mist Final === */
body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::after,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::after,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card::after,
.related-content .page-content-listing.item-big_thumbnail .page-item-detail.poster-card::after,
.related-content .page-item-detail.poster-card::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  display: block !important;
  height: 52% !important;
  pointer-events: none !important;
  opacity: .98 !important;
  border-radius: 0 0 inherit inherit !important;
  background:
    radial-gradient(96% 78% at 50% 100%, rgba(184, 124, 255, .30) 0%, rgba(139, 92, 246, .18) 36%, rgba(139, 92, 246, 0) 74%),
    radial-gradient(120% 86% at 50% 100%, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .075) 34%, rgba(255, 255, 255, 0) 76%),
    linear-gradient(180deg, rgba(5, 5, 8, 0) 0%, rgba(8, 7, 12, .18) 42%, rgba(4, 4, 7, .46) 100%) !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .item-summary,
.related-content .page-item-detail.poster-card .item-summary {
  z-index: 3 !important;
}

body.page .c-page-content .c-page .c-page__content .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page .page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title,
body.page-template-front-page .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-item-detail.poster-card .post-title,
.related-content .page-item-detail.poster-card .post-title {
  z-index: 4 !important;
}

/* === Header Slice 1: Desktop Header Stabilization === */
@media (min-width: 1024px) {
  .site-header,
  .site-header .c-header__top,
  .site-header .main-navigation,
  .site-header .main-navigation.style-1,
  .site-header .main-navigation.style-2 {
    background: rgba(8, 9, 12, .96) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .025), 0 12px 28px rgba(0, 0, 0, .20) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .site-header .main-navigation .container-fluid {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }

  .site-header .main-navigation .main-navigation_wrap {
    min-height: 72px !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
  }

  .site-header .main-navigation .main-navigation_wrap .wrap-left,
  .site-header .main-navigation .main-navigation_wrap .wrap-right {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .site-header .main-navigation .main-navigation_wrap .wrap-left {
    column-gap: 26px !important;
    flex: 1 1 auto !important;
  }

  .site-header .main-navigation .main-navigation_wrap .wrap-right {
    column-gap: 14px !important;
    flex: 0 0 auto !important;
  }

  .site-header .main-navigation .wrap_branding {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 190px !important;
  }

  .site-header .main-navigation .wrap_branding .logo {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 190px !important;
  }

  .site-header .main-navigation .wrap_branding .logo img,
  .site-header .main-navigation .wrap_branding img.img-responsive {
    display: block !important;
    width: auto !important;
    max-width: 190px !important;
    max-height: 48px !important;
    object-fit: contain !important;
  }

  .site-header .main-navigation.style-1 .main-menu,
  .site-header .main-navigation .main-menu {
    width: auto !important;
    min-width: 0 !important;
  }

  .site-header .main-navigation .main-menu ul.main-navbar {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-header .main-navigation .main-menu ul.main-navbar > li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-header .main-navigation .main-menu ul.main-navbar > li > a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    color: rgba(245, 247, 255, .88) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    background: transparent !important;
    transition: color .16s ease, background-color .16s ease !important;
  }

  .site-header .main-navigation .main-menu ul.main-navbar > li:hover > a,
  .site-header .main-navigation .main-menu ul.main-navbar > li.current-menu-item > a,
  .site-header .main-navigation .main-menu ul.main-navbar > li.current-menu-ancestor > a {
    color: #ffffff !important;
    background: rgba(139, 92, 246, .12) !important;
  }

  .site-header .main-navigation .main-menu ul.main-navbar > li > a::before,
  .site-header .main-navigation .main-menu ul.main-navbar > li:hover > a::before {
    display: none !important;
  }

  .site-header .main-navigation .main-menu ul ul.children,
  .site-header .main-navigation .main-menu ul ul.sub-menu {
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 10px !important;
    background: rgba(12, 13, 18, .98) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .34) !important;
  }

  .site-header .main-navigation .main-menu ul ul.children > li,
  .site-header .main-navigation .main-menu ul ul.sub-menu > li {
    border-bottom: 0 !important;
    background: transparent !important;
  }

  .site-header .main-navigation .main-menu ul ul.children > li > a,
  .site-header .main-navigation .main-menu ul ul.sub-menu > li > a {
    min-height: 34px !important;
    padding: 8px 10px !important;
    border-radius: 7px !important;
    color: rgba(245, 247, 255, .84) !important;
    background: transparent !important;
  }

  .site-header .main-navigation .main-menu ul ul.children > li:hover > a,
  .site-header .main-navigation .main-menu ul ul.sub-menu > li:hover > a {
    color: #fff !important;
    background: rgba(139, 92, 246, .14) !important;
  }

  .site-header .main-navigation .wrap-right .open-search-main-menu,
  .site-header .main-navigation .open-search-main-menu {
    min-width: 178px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 7px 13px !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: rgba(245, 247, 255, .88) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    text-decoration: none !important;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease !important;
  }

  .site-header .main-navigation .wrap-right .open-search-main-menu:hover,
  .site-header .main-navigation .open-search-main-menu:hover {
    border-color: rgba(139, 92, 246, .34) !important;
    background: rgba(139, 92, 246, .10) !important;
    color: #ffffff !important;
  }

  .site-header .main-navigation .wrap-right .open-search-main-menu i,
  .site-header .main-navigation .open-search-main-menu i {
    flex: 0 0 auto !important;
    color: rgba(216, 208, 255, .95) !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .site-header .main-navigation .wrap-right .open-search-main-menu span,
  .site-header .main-navigation .open-search-main-menu span {
    margin: 0 !important;
    color: rgba(245, 247, 255, .72) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  .site-header .main-navigation .c-modal_item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .site-header .main-navigation .c-modal_item .c-user_item {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 4px 5px 4px 10px !important;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .035) !important;
    color: rgba(245, 247, 255, .86) !important;
  }

  .site-header .main-navigation .c-modal_item .c-user_item span,
  .site-header .main-navigation .c-user_item span {
    color: rgba(245, 247, 255, .86) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .site-header .main-navigation .c-user_avatar,
  .site-header .main-navigation .c-user_avatar-image {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  .site-header .main-navigation .c-user_avatar img,
  .site-header .main-navigation .c-user_avatar-image img {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: none !important;
  }

  .site-header .main-navigation .c-user_menu {
    top: calc(100% + 10px) !important;
    width: 190px !important;
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 10px !important;
    background: rgba(12, 13, 18, .98) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .34) !important;
    z-index: 90 !important;
  }

  .site-header .main-navigation .c-user_menu li {
    margin: 0 !important;
  }

  .site-header .main-navigation .c-user_menu li a {
    display: block !important;
    padding: 8px 10px !important;
    border-radius: 7px !important;
    color: rgba(245, 247, 255, .84) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
  }

  .site-header .main-navigation .c-user_menu li a:hover {
    color: #fff !important;
    background: rgba(139, 92, 246, .14) !important;
  }

  .site-header .main-navigation_wrap .btn-active-modal {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  .site-header .main-navigation_wrap .btn-active-modal[data-target="#form-login"] {
    margin: 0 !important;
    border: 1px solid rgba(139, 92, 246, .30) !important;
    background: rgba(139, 92, 246, .16) !important;
    color: #fff !important;
  }

  .site-header .main-navigation_wrap .btn-active-modal[data-target="#form-sign-up"] {
    color: rgba(245, 247, 255, .78) !important;
  }

  body.rtl .site-header .main-navigation .main-navigation_wrap,
  .rtl .site-header .main-navigation .main-navigation_wrap {
    direction: rtl !important;
  }

  body.rtl .site-header .main-navigation .wrap-right .open-search-main-menu span,
  .rtl .site-header .main-navigation .wrap-right .open-search-main-menu span {
    margin: 0 !important;
  }

  body.rtl .site-header .main-navigation .main-menu ul li.menu-item-has-children > a::after,
  .rtl .site-header .main-navigation .main-menu ul li.menu-item-has-children > a::after {
    margin-right: 8px !important;
    margin-left: 0 !important;
  }

  body.rtl .site-header .main-navigation .c-user_menu,
  .rtl .site-header .main-navigation .c-user_menu {
    right: auto !important;
    left: 0 !important;
    text-align: right !important;
  }
}

/* === Archive Slice 1: Manga and Novels Catalog Stabilization === */
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .content-area,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .main-col,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .main-col-inner,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-page,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-page__content,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .tab-content-wrap {
  background: #0b0b0d !important;
  background-color: #0b0b0d !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives {
  padding-top: 0 !important;
  padding-bottom: 56px !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .content-area {
  padding-top: 34px !important;
  padding-bottom: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .container {
  width: 100% !important;
  max-width: 1200px !important;
  padding-right: 28px !important;
  padding-left: 28px !important;
  box-sizing: border-box !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .main-col {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .main-col.sidebar-hidden {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .main-col-inner,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-page {
  width: 100% !important;
  max-width: 1120px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .entry-header {
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: center !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .entry-header_wrap {
  margin: 0 !important;
  padding: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .entry-title .item-title {
  margin: 0 !important;
  color: rgba(255, 255, 255, .94) !important;
  font-size: clamp(22px, 2.2vw, 32px) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .entry-title .item-description {
  max-width: 720px !important;
  margin: 10px auto 0 !important;
  color: rgba(255, 255, 255, .62) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .tab-wrap {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-blog__heading.style-2.font-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-blog__heading.style-2.font-heading .h4 {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, .58) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-blog__heading.style-2.font-heading .h4 i {
  display: none !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-nav-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-nav-tabs > span {
  margin: 0 !important;
  color: rgba(255, 255, 255, .42) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-nav-tabs .c-tabs-content {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-nav-tabs .c-tabs-content li {
  margin: 0 !important;
  padding: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-nav-tabs .c-tabs-content a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .045) !important;
  color: rgba(255, 255, 255, .70) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-nav-tabs .c-tabs-content li.active a,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-nav-tabs .c-tabs-content a:hover {
  border-color: rgba(139, 92, 246, .34) !important;
  background: rgba(139, 92, 246, .18) !important;
  color: #fff !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .tab-content-wrap,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-tabs-item {
  width: 100% !important;
  max-width: 1120px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  align-items: start !important;
  transform: none !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-listing-item {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .auto-col {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row-eq-height {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row > [class*="col-"],
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols .page-listing-item > .row-eq-height > [class*="col-"] {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .navigation-ajax,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .wp-pagenavi,
body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .nav-links {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 26px auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

@media (max-width: 1199px) {
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .main-col-inner,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-page,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .tab-wrap,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .tab-content-wrap,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-tabs-item,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    max-width: 936px !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .content-area {
    padding-top: 28px !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .container {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .main-col-inner,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-page,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .tab-wrap,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .tab-content-wrap,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-tabs-item,
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    max-width: 744px !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .content-area {
    padding-top: 22px !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .container {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .entry-header {
    margin-bottom: 14px !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-blog__heading.style-2.font-heading {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .c-nav-tabs {
    width: 100% !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
}

@media (max-width: 430px) {
  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives .container {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  body.wp-manga-page:not(.reading-manga) .c-page-content.style-1.manga-archives #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
}

/* === Single Detail Restored From additional-css-current-backup.css === */
body.manga-page:not(.reading-manga) .c-breadcrumb-wrapper { margin-bottom: 24px; }

body.manga-page:not(.reading-manga) .c-breadcrumb .breadcrumb {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.manga-page:not(.reading-manga) .c-breadcrumb .breadcrumb li,
body.manga-page:not(.reading-manga) .c-breadcrumb .breadcrumb li a {
  color: var(--text-secondary) !important;
  font-size: 13px !important;
  font-weight: 400;
}

body.manga-page:not(.reading-manga) .c-breadcrumb .breadcrumb li a:hover { color: #c4b5fd !important; }

body.manga-page:not(.reading-manga) .profile-manga {
  background: linear-gradient(180deg, rgba(28, 17, 50, 0.95) 0%, var(--bg-primary) 100%) !important;
  padding: 40px 0 60px;
}

body.manga-page:not(.reading-manga) .profile-manga .summary_image img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--border-subtle);
}

body.manga-page:not(.reading-manga) .manga-title h2,
body.manga-page:not(.reading-manga) .manga-title h1 {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  color: var(--text-primary) !important;
  letter-spacing: -0.02em;
  line-height: 1.2 !important;
}

body.manga-page:not(.reading-manga) .manga-type-label {
  background: var(--accent-gradient) !important;
  color: #fff !important;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.manga-page:not(.reading-manga) .manga-data .genres-content a,
body.manga-page:not(.reading-manga) .manga-data span {
  color: var(--text-secondary) !important;
  font-size: 13px !important;
}

body.manga-page:not(.reading-manga) .manga-data .genres-content a:hover { color: #c4b5fd !important; }

body.manga-page:not(.reading-manga) .manga-extra-info__tabs .nav-tabs {
  border-bottom: 1px solid var(--border-subtle) !important;
  gap: 8px;
}

body.manga-page:not(.reading-manga) .manga-extra-info__tabs .nav-link {
  background: transparent !important;
  border: none !important;
  color: var(--text-secondary) !important;
  font-weight: 500 !important;
  padding: 12px 20px !important;
  position: relative;
  transition: color var(--t-fast) var(--ease);
}

body.manga-page:not(.reading-manga) .manga-extra-info__tabs .nav-link::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 2px;
  background: var(--accent-gradient);
  transform: scaleX(0);
  transition: transform var(--t-med) var(--ease);
}

body.manga-page:not(.reading-manga) .manga-extra-info__tabs .nav-link.active,
body.manga-page:not(.reading-manga) .manga-extra-info__tabs .nav-link:hover {
  color: var(--text-primary) !important;
}

body.manga-page:not(.reading-manga) .manga-extra-info__tabs .nav-link.active::after { transform: scaleX(1); }

body.manga-page:not(.reading-manga) .info-block {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 24px;
  margin-bottom: 24px;
  backdrop-filter: blur(10px);
}

body.manga-page:not(.reading-manga) .info-block h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
  color: var(--text-primary);
}

body.manga-page:not(.reading-manga) .manga-excerpt p,
body.manga-page:not(.reading-manga) .excerpt-content p {
  color: var(--text-secondary) !important;
  line-height: 1.8 !important;
  font-weight: 300;
}

body.manga-page:not(.reading-manga) #read-more-btn button {
  background: var(--bg-glass) !important;
  border: 1px solid var(--border-subtle) !important;
  color: var(--text-primary) !important;
  padding: 8px 20px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  transition: all var(--t-fast) var(--ease);
}

body.manga-page:not(.reading-manga) #read-more-btn button:hover {
  background: rgba(139, 92, 246, 0.1) !important;
  border-color: var(--border-hover) !important;
}

body.manga-page:not(.reading-manga) .c-btn,
body.manga-page:not(.reading-manga) .bookmark-btn .add-bookmark,
body.manga-page:not(.reading-manga) .wp-manga-action-button {
  border-radius: 12px !important;
  transition: all var(--t-fast) var(--ease) !important;
}

body.manga-page:not(.reading-manga) .add-bookmark .action_icon a,
body.manga-page:not(.reading-manga) .add-bookmark .action_detail span {
  background: var(--bg-glass);
  border: 1px solid var(--border-subtle);
  color: var(--text-primary) !important;
  padding: 10px 16px;
  border-radius: 10px;
  display: inline-block;
  transition: all var(--t-fast) var(--ease);
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap ul.main li,
body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter {
  background: var(--bg-glass) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  padding: 12px 16px !important;
  transition: all var(--t-fast) var(--ease);
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter:hover {
  background: rgba(139, 92, 246, 0.08) !important;
  border-color: var(--border-hover) !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter a {
  color: var(--text-primary) !important;
  font-weight: 500;
}

body.manga-page:not(.reading-manga) #madara-comments .comment-respond {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 24px;
  backdrop-filter: blur(10px);
}

body.manga-page:not(.reading-manga) #commentform textarea,
body.manga-page:not(.reading-manga) #commentform input[type="text"],
body.manga-page:not(.reading-manga) #commentform input[type="email"] {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-subtle) !important;
  color: var(--text-primary) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  transition: border-color var(--t-fast) var(--ease);
}

body.manga-page:not(.reading-manga) #commentform textarea:focus,
body.manga-page:not(.reading-manga) #commentform input:focus {
  border-color: var(--accent-1) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
}

body.manga-page:not(.reading-manga) #commentform #submit,
body.manga-page:not(.reading-manga) .form-submit input[type="submit"] {
  background: var(--accent-gradient) !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all var(--t-fast) var(--ease) !important;
}

body.manga-page:not(.reading-manga) #commentform #submit:hover {
  transform: translateY(-1px);
  box-shadow: var(--accent-glow);
}


/* === Single Detail Final Cascade Cleanup === */
html body.manga-page:not(.reading-manga) {
  --pn-detail-shell-bg: #0d0e18;
  --pn-detail-card-bg: #131522;
  --pn-detail-shell-border: rgba(255, 255, 255, 0.045);
}

body.manga-page:not(.reading-manga) .profile-manga {
  background: linear-gradient(180deg, rgba(28, 17, 50, 0.95) 0%, var(--bg-primary) 100%) !important;
  padding: 40px 0 60px;
}

html body.manga-page:not(.reading-manga) .profile-manga {
  background: linear-gradient(180deg, rgba(28, 17, 50, 0.95) 0%, var(--bg-primary) 100%) !important;
  padding: 40px 0 60px !important;
}

html body.manga-page:not(.reading-manga) .c-page-content {
  margin-top: -140px !important;
}

html body.manga-page:not(.reading-manga) .c-page-content,
html body.manga-page:not(.reading-manga) .c-page-content .content-area,
html body.manga-page:not(.reading-manga) .c-page-content .content-area > .container,
html body.manga-page:not(.reading-manga) .c-page-content .main-col,
html body.manga-page:not(.reading-manga) .c-page-content .main-col-inner,
html body.manga-page:not(.reading-manga) .c-page-content .c-page,
html body.manga-page:not(.reading-manga) .c-page-content .c-page__content,
html body.manga-page:not(.reading-manga) .manga-extra-info,
html body.manga-page:not(.reading-manga) .manga-extra-info__tabs,
html body.manga-page:not(.reading-manga) #manga-extra-info__tab-content,
html body.manga-page:not(.reading-manga) .manga-extra-info__tabs .tab-content,
html body.manga-page:not(.reading-manga) .manga-extra-info__tabs .tab-pane,
html body.manga-page:not(.reading-manga) .manga-extra-info__content,
html body.manga-page:not(.reading-manga) .listing-chapters_wrap,
html body.manga-page:not(.reading-manga) .manga-chapters-holder {
  background: var(--pn-detail-shell-bg) !important;
}

html body.manga-page:not(.reading-manga) .c-page-content .content-area > .container,
html body.manga-page:not(.reading-manga) .manga-extra-info__tabs {
  border-color: var(--pn-detail-shell-border) !important;
}

html body.manga-page:not(.reading-manga) .info-block,
html body.manga-page:not(.reading-manga) .listing-chapters_wrap ul.main li,
html body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter {
  background: var(--pn-detail-card-bg) !important;
  border-color: var(--pn-detail-shell-border) !important;
}

@media (max-width: 599px) {
  html body.manga-page:not(.reading-manga) .c-page-content {
    margin-top: 0 !important;
  }
}

/* === Single Detail Slice 2: Content Body Refinement === */
html body.manga-page:not(.reading-manga) {
  --pn-detail-panel-bg: #141622;
  --pn-detail-panel-bg-soft: #11131f;
  --pn-detail-panel-border: rgba(255, 255, 255, 0.055);
  --pn-detail-muted-border: rgba(160, 130, 255, 0.08);
}

html body.manga-page:not(.reading-manga) .manga-extra-info__tabs {
  padding: 30px 38px 38px !important;
}

html body.manga-page:not(.reading-manga) #manga-extra-info__tab-content,
html body.manga-page:not(.reading-manga) .manga-extra-info__tabs .tab-content {
  padding-top: 26px !important;
}

html body.manga-page:not(.reading-manga) .manga-extra-info__content {
  display: block;
}

html body.manga-page:not(.reading-manga) .manga-extra-info__content > .info-block {
  margin: 0 0 20px !important;
}

html body.manga-page:not(.reading-manga) .manga-extra-info__content > .info-block:last-child {
  margin-bottom: 0 !important;
}

html body.manga-page:not(.reading-manga) .info-block {
  background:
    linear-gradient(180deg, rgba(20, 22, 34, 0.98) 0%, rgba(17, 19, 31, 0.98) 100%) !important;
  border: 1px solid var(--pn-detail-panel-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.manga-page:not(.reading-manga) .info-block.manga-excerpt {
  padding: 32px 34px !important;
}

html body.manga-page:not(.reading-manga) .info-block h4,
html body.manga-page:not(.reading-manga) .related-manga > h4,
html body.manga-page:not(.reading-manga) #madara-comments h3,
html body.manga-page:not(.reading-manga) #reply-title {
  margin: 0 0 18px !important;
  color: rgba(245, 243, 255, 0.94) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body.manga-page:not(.reading-manga) .manga-excerpt .excerpt-content {
  max-width: 100%;
}

html body.manga-page:not(.reading-manga) .manga-excerpt p,
html body.manga-page:not(.reading-manga) .excerpt-content p {
  margin-bottom: 14px !important;
  color: rgba(220, 218, 232, 0.78) !important;
  font-size: 15px !important;
  line-height: 1.95 !important;
}

html body.manga-page:not(.reading-manga) .manga-excerpt p:last-child,
html body.manga-page:not(.reading-manga) .excerpt-content p:last-child {
  margin-bottom: 0 !important;
}

html body.manga-page:not(.reading-manga) .info-block.manga-tags,
html body.manga-page:not(.reading-manga) .info-block.manga-related,
html body.manga-page:not(.reading-manga) .info-block.manga-discussion {
  padding: 28px 30px !important;
}

html body.manga-page:not(.reading-manga) .related-manga {
  margin: 0 !important;
}

html body.manga-page:not(.reading-manga) .related-manga .related-content {
  margin-top: 18px !important;
}

html body.manga-page:not(.reading-manga) .manga-discussion #madara-comments,
html body.manga-page:not(.reading-manga) #madara-comments .comment-respond {
  background: var(--pn-detail-panel-bg-soft) !important;
  border-color: var(--pn-detail-panel-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.manga-page:not(.reading-manga) #madara-comments .comment-respond {
  padding: 24px !important;
}

html body.manga-page:not(.reading-manga) #commentform textarea,
html body.manga-page:not(.reading-manga) #commentform input[type="text"],
html body.manga-page:not(.reading-manga) #commentform input[type="email"] {
  background: #0f111c !important;
  border-color: var(--pn-detail-muted-border) !important;
}

html body.manga-page:not(.reading-manga) .latest-release {
  margin-bottom: 18px !important;
}

html body.manga-page:not(.reading-manga) .listing-chapters_wrap ul.main li,
html body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter {
  background: var(--pn-detail-panel-bg) !important;
  border-color: var(--pn-detail-panel-border) !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  html body.manga-page:not(.reading-manga) .manga-extra-info__tabs {
    padding: 22px 16px 26px !important;
  }

  html body.manga-page:not(.reading-manga) .info-block.manga-excerpt,
  html body.manga-page:not(.reading-manga) .info-block.manga-tags,
  html body.manga-page:not(.reading-manga) .info-block.manga-related,
  html body.manga-page:not(.reading-manga) .info-block.manga-discussion {
    padding: 22px 18px !important;
  }
}

/* === Reader Slice 1: Persistent Bottom Control Bar === */
body.reading-manga {
  --pn-reader-bar-height: 58px;
  --pn-reader-bar-gap: 10px;
  --pn-reader-bar-safe-space: calc(var(--pn-reader-bar-height) + var(--pn-reader-bar-gap) + env(safe-area-inset-bottom, 0px));
}

html body.reading-manga .reading-sticky-menu,
html body.reading-manga .reading-sticky-menu.active {
  position: fixed !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  height: var(--pn-reader-bar-height) !important;
  min-height: var(--pn-reader-bar-height) !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: linear-gradient(180deg, rgba(18, 19, 31, 0.96), rgba(9, 10, 18, 0.98)) !important;
  border-top: 1px solid rgba(166, 139, 255, 0.16) !important;
  box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.32) !important;
  transition: none !important;
  z-index: 9998 !important;
}

html body.reading-manga .reading-sticky-menu:not(.active) .reading-sticky-menu-inner,
html body.reading-manga .reading-sticky-menu .reading-sticky-menu-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  max-width: 1180px !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 clamp(16px, 3vw, 42px) 0 clamp(150px, 22vw, 320px) !important;
  gap: 8px !important;
}

html body.reading-manga.rtl .reading-sticky-menu .reading-sticky-menu-inner {
  justify-content: flex-start !important;
  text-align: right !important;
}

html body.reading-manga .reading-sticky-menu .back-to-novel-detail,
html body.reading-manga .reading-sticky-menu .current-chapter {
  min-width: 0 !important;
}

html body.reading-manga .reading-sticky-menu .back-to-novel-detail h4,
html body.reading-manga .reading-sticky-menu .current-chapter h3,
html body.reading-manga .reading-sticky-menu .sticky-menu-separator {
  margin: 0 !important;
  line-height: 1.35 !important;
}

html body.reading-manga .reading-sticky-menu .back-to-novel-detail h4 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  max-width: min(34vw, 320px) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html body.reading-manga .reading-sticky-menu .back-to-novel-detail h4 a,
html body.reading-manga .reading-sticky-menu .back-to-novel-detail h4 i,
html body.reading-manga .reading-sticky-menu .sticky-menu-separator {
  color: rgba(216, 211, 232, 0.58) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body.reading-manga .reading-sticky-menu .back-to-novel-detail h4 a {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.reading-manga .reading-sticky-menu .current-chapter h3 {
  max-width: min(42vw, 460px) !important;
  overflow: hidden !important;
  color: rgba(248, 247, 255, 0.92) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.reading-manga .sidebar-tools,
html body.reading-manga .sidebar-tools.hidden {
  position: fixed !important;
  top: auto !important;
  right: auto !important;
  bottom: calc(5px + env(safe-area-inset-bottom, 0px)) !important;
  left: clamp(10px, 2vw, 24px) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: min(54vw, 430px) !important;
  height: calc(var(--pn-reader-bar-height) - 10px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10000 !important;
}

html body.reading-manga.rtl .sidebar-tools,
html body.reading-manga.rtl .sidebar-tools.hidden {
  right: auto !important;
  left: clamp(10px, 2vw, 24px) !important;
}

html body.reading-manga .sidebar-tools-inner,
html body.reading-manga .sidebar-tools-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  height: 100% !important;
  gap: 6px !important;
}

html body.reading-manga .sidebar-tools-item > * {
  flex: 0 0 auto !important;
}

html body.reading-manga .sidebar-tools-item button,
html body.reading-manga #btn_chapter_report a,
html body.reading-manga .sidebar-tools #open-font-settings {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  color: rgba(244, 241, 255, 0.86) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  text-align: center !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease !important;
}

html body.reading-manga .sidebar-tools-item button:hover,
html body.reading-manga .sidebar-tools-item button.active,
html body.reading-manga #btn_chapter_report a:hover,
html body.reading-manga .sidebar-tools #open-font-settings:hover,
html body.reading-manga .sidebar-tools #open-font-settings.active {
  color: #ffffff !important;
  background: rgba(124, 92, 246, 0.24) !important;
  border-color: rgba(174, 151, 255, 0.34) !important;
}

html body.reading-manga .sidebar-tools-item button i {
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

html body.reading-manga .sidebar-tools #open-font-settings svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
}

html body.reading-manga .reading-settings #wp-manga-reader-settings {
  position: fixed !important;
  top: auto !important;
  right: auto !important;
  bottom: calc(var(--pn-reader-bar-safe-space) + 8px) !important;
  left: clamp(10px, 2vw, 24px) !important;
  max-width: min(340px, calc(100vw - 20px)) !important;
  max-height: calc(100vh - var(--pn-reader-bar-safe-space) - 34px) !important;
  overflow: auto !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42) !important;
}

html body.reading-manga.rtl .reading-settings #wp-manga-reader-settings {
  right: auto !important;
  left: clamp(10px, 2vw, 24px) !important;
}

html body.reading-manga .reading-content-wrap .read-container {
  padding-bottom: calc(var(--pn-reader-bar-safe-space) + 28px) !important;
}

html body.reading-manga .reading-content-wrap .container-inner .side-col {
  height: calc(100vh - 80px - var(--pn-reader-bar-safe-space)) !important;
  max-height: calc(100vh - 80px - var(--pn-reader-bar-safe-space)) !important;
}

@media (max-width: 1199px) {
  html body.reading-manga .reading-content-wrap .container-inner .side-col {
    bottom: var(--pn-reader-bar-safe-space) !important;
    height: min(500px, calc(100vh - var(--pn-reader-bar-safe-space) - 18px)) !important;
    max-height: calc(100vh - var(--pn-reader-bar-safe-space) - 18px) !important;
  }
}

@media (max-width: 575px) {
  body.reading-manga {
    --pn-reader-bar-height: 56px;
    --pn-reader-bar-gap: 8px;
  }

  html body.reading-manga .reading-sticky-menu .reading-sticky-menu-inner {
    padding-right: 12px !important;
    padding-left: 126px !important;
  }

  html body.reading-manga .reading-sticky-menu .back-to-novel-detail h4 {
    display: none !important;
  }

  html body.reading-manga .reading-sticky-menu .sticky-menu-separator {
    display: none !important;
  }

  html body.reading-manga .reading-sticky-menu .current-chapter h3 {
    max-width: calc(100vw - 150px) !important;
    font-size: 12px !important;
  }

  html body.reading-manga .sidebar-tools,
  html body.reading-manga .sidebar-tools.hidden {
    left: 8px !important;
    max-width: 118px !important;
    overflow-x: auto !important;
  }

  html body.reading-manga .sidebar-tools-inner,
  html body.reading-manga .sidebar-tools-item {
    gap: 4px !important;
  }

  html body.reading-manga .sidebar-tools-item button,
  html body.reading-manga #btn_chapter_report a,
  html body.reading-manga .sidebar-tools #open-font-settings {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 12px !important;
  }
}

/* === Reader Slice 2: Full Bottom Control Bar === */
body.reading-manga {
  --pn-reader-bar-height: 74px;
  --pn-reader-bar-safe-space: calc(var(--pn-reader-bar-height) + 18px + env(safe-area-inset-bottom, 0px));
  --pn-reader-bar-bg: rgba(9, 10, 18, 0.97);
  --pn-reader-bar-panel: rgba(255, 255, 255, 0.07);
  --pn-reader-bar-panel-strong: rgba(128, 96, 255, 0.22);
  --pn-reader-bar-border: rgba(180, 158, 255, 0.16);
  --pn-reader-bar-text: rgba(247, 246, 255, 0.94);
  --pn-reader-bar-muted: rgba(213, 208, 232, 0.62);
}

html body.reading-manga .reading-sticky-menu {
  display: none !important;
}

html body.reading-manga .pn-reader-bottom-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  min-height: var(--pn-reader-bar-height);
  padding: 8px clamp(10px, 2vw, 22px) calc(8px + env(safe-area-inset-bottom, 0px));
  background:
    linear-gradient(180deg, rgba(18, 18, 30, 0.94), var(--pn-reader-bar-bg)),
    radial-gradient(circle at 18% 0%, rgba(123, 92, 246, 0.14), transparent 42%);
  border-top: 1px solid var(--pn-reader-bar-border);
  box-shadow: 0 -14px 34px rgba(0, 0, 0, 0.36);
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

html body.reading-manga.pn-reader-bar-hidden .pn-reader-bottom-bar {
  pointer-events: none;
  opacity: 0;
  transform: translateY(calc(100% + 10px));
}

html body.reading-manga .pn-reader-bottom-bar__inner {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) minmax(220px, 520px) minmax(150px, auto);
  align-items: center;
  width: min(1180px, 100%);
  min-height: 52px;
  margin: 0 auto;
  gap: 10px;
}

html body.reading-manga.rtl .pn-reader-bottom-bar__inner {
  direction: rtl;
}

html body.reading-manga .pn-reader-bottom-bar__group,
html body.reading-manga .pn-reader-bottom-bar .sidebar-tools-item {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0;
  gap: 6px !important;
}

html body.reading-manga .pn-reader-bottom-bar__group--utility {
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
}

html body.reading-manga .pn-reader-bottom-bar__group--utility::-webkit-scrollbar {
  display: none;
}

html body.reading-manga .pn-reader-bottom-bar__group--navigation {
  justify-content: flex-end;
}

html body.reading-manga .pn-reader-control,
html body.reading-manga .pn-reader-bottom-bar .sidebar-tools-item button,
html body.reading-manga .pn-reader-bottom-bar #btn_chapter_report a {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  color: var(--pn-reader-bar-text) !important;
  background: var(--pn-reader-bar-panel) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, opacity 0.16s ease !important;
}

html body.reading-manga .pn-reader-control:hover,
html body.reading-manga .pn-reader-control:focus-visible,
html body.reading-manga .pn-reader-control.active,
html body.reading-manga .pn-reader-bottom-bar #btn_chapter_report a:hover,
html body.reading-manga .pn-reader-bottom-bar #btn_chapter_report a:focus-visible {
  color: #ffffff !important;
  background: var(--pn-reader-bar-panel-strong) !important;
  border-color: rgba(188, 169, 255, 0.36) !important;
  outline: none !important;
}

html body.reading-manga .pn-reader-control[disabled],
html body.reading-manga .pn-reader-control.is-disabled {
  cursor: not-allowed !important;
  color: rgba(213, 208, 232, 0.28) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(255, 255, 255, 0.055) !important;
  opacity: 0.62 !important;
}

html body.reading-manga .pn-reader-control i,
html body.reading-manga .pn-reader-bottom-bar #btn_chapter_report a i {
  color: currentColor !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

html body.reading-manga .pn-reader-control--fullscreen.is-fullscreen i::before {
  content: "\f066";
}

html body.reading-manga .pn-reader-bottom-bar__current {
  display: grid;
  align-content: center;
  justify-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 6px 16px;
  color: var(--pn-reader-bar-text);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 16px;
  text-align: center;
}

html body.reading-manga .pn-reader-current-kicker,
html body.reading-manga .pn-reader-current-count {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--pn-reader-bar-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.reading-manga .pn-reader-current-title {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--pn-reader-bar-text);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.reading-manga .pn-reader-settings {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
}

html body.reading-manga .pn-reader-bottom-bar .reading-settings #wp-manga-reader-settings {
  position: fixed !important;
  top: auto !important;
  right: auto !important;
  bottom: calc(var(--pn-reader-bar-safe-space) + 8px) !important;
  left: clamp(10px, 2vw, 24px) !important;
  max-width: min(340px, calc(100vw - 20px)) !important;
  max-height: calc(100vh - var(--pn-reader-bar-safe-space) - 28px) !important;
  overflow: auto !important;
  background: #11131f !important;
  border: 1px solid rgba(180, 158, 255, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.44) !important;
}

html body.reading-manga.rtl .pn-reader-bottom-bar .reading-settings #wp-manga-reader-settings {
  right: 10px !important;
  left: auto !important;
}

html body.reading-manga .pn-reader-bar-restore {
  position: fixed;
  right: 18px;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 10001;
  display: none;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 34px;
  color: var(--pn-reader-bar-text);
  background: rgba(14, 15, 25, 0.96);
  border: 1px solid var(--pn-reader-bar-border);
  border-radius: 999px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

html body.reading-manga.rtl .pn-reader-bar-restore {
  right: auto;
  left: 18px;
}

html body.reading-manga.pn-reader-bar-hidden .pn-reader-bar-restore {
  display: inline-flex;
}

html body.reading-manga .reading-content-wrap .read-container {
  padding-bottom: calc(var(--pn-reader-bar-safe-space) + 36px) !important;
}

html body.reading-manga .reading-content-wrap .container-inner .side-col {
  height: calc(100vh - 80px - var(--pn-reader-bar-safe-space)) !important;
  max-height: calc(100vh - 80px - var(--pn-reader-bar-safe-space)) !important;
}

@media (max-width: 1199px) {
  html body.reading-manga .reading-content-wrap .container-inner .side-col {
    bottom: var(--pn-reader-bar-safe-space) !important;
    height: min(500px, calc(100vh - var(--pn-reader-bar-safe-space) - 18px)) !important;
    max-height: calc(100vh - var(--pn-reader-bar-safe-space) - 18px) !important;
  }
}

@media (max-width: 767px) {
  body.reading-manga {
    --pn-reader-bar-height: 68px;
    --pn-reader-bar-safe-space: calc(var(--pn-reader-bar-height) + 14px + env(safe-area-inset-bottom, 0px));
  }

  html body.reading-manga .pn-reader-bottom-bar {
    padding-right: 8px;
    padding-left: 8px;
  }

  html body.reading-manga .pn-reader-bottom-bar__inner {
    grid-template-columns: auto minmax(118px, 1fr) auto;
    gap: 6px;
    min-height: 48px;
  }

  html body.reading-manga .pn-reader-bottom-bar__group {
    gap: 4px !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility {
    max-width: 132px;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--navigation {
    max-width: 132px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--navigation::-webkit-scrollbar {
    display: none;
  }

  html body.reading-manga .pn-reader-control,
  html body.reading-manga .pn-reader-bottom-bar .sidebar-tools-item button,
  html body.reading-manga .pn-reader-bottom-bar #btn_chapter_report a {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 12px !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__current {
    min-height: 44px;
    padding: 5px 9px;
    border-radius: 13px;
  }

  html body.reading-manga .pn-reader-current-kicker {
    display: none;
  }

  html body.reading-manga .pn-reader-current-title {
    font-size: 12px;
  }

  html body.reading-manga .pn-reader-current-count {
    font-size: 9px;
  }
}

@media (max-width: 420px) {
  html body.reading-manga .pn-reader-control--home,
  html body.reading-manga .pn-reader-control--detail {
    display: none !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility {
    max-width: 90px;
  }
}

/* === Reader Slice 2.1: Bottom Bar Functionality And UX Fix === */
body.reading-manga {
  --pn-reader-bar-height: 72px;
  --pn-reader-bar-safe-space: calc(var(--pn-reader-bar-height) + 18px + env(safe-area-inset-bottom, 0px));
  --pn-reader-bar-bg: #10111b;
  --pn-reader-bar-panel: #181a29;
  --pn-reader-bar-panel-strong: #211b36;
  --pn-reader-bar-border: rgba(174, 158, 255, 0.16);
  --pn-reader-bar-text: rgba(248, 247, 255, 0.95);
  --pn-reader-bar-muted: rgba(214, 210, 232, 0.66);
}

html body.reading-manga .pn-reader-bottom-bar {
  min-height: var(--pn-reader-bar-height) !important;
  background: var(--pn-reader-bar-bg) !important;
  border-top: 1px solid var(--pn-reader-bar-border) !important;
  box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.32) !important;
}

html body.reading-manga .pn-reader-bottom-bar__inner {
  grid-template-columns: minmax(210px, 1fr) minmax(220px, 520px) minmax(96px, auto) !important;
}

html body.reading-manga .pn-reader-control,
html body.reading-manga .pn-reader-bottom-bar .sidebar-tools-item button,
html body.reading-manga .pn-reader-bottom-bar #btn_chapter_report a {
  background: var(--pn-reader-bar-panel) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
}

html body.reading-manga .pn-reader-control:hover,
html body.reading-manga .pn-reader-control:focus-visible,
html body.reading-manga .pn-reader-control.active,
html body.reading-manga .pn-reader-bottom-bar #btn_chapter_report a:hover,
html body.reading-manga .pn-reader-bottom-bar #btn_chapter_report a:focus-visible {
  background: var(--pn-reader-bar-panel-strong) !important;
  border-color: rgba(188, 169, 255, 0.28) !important;
}

html body.reading-manga .pn-reader-bottom-bar__current {
  background: #151724 !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
}

html body.reading-manga .pn-reader-mobile-more {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
}

html body.reading-manga .pn-reader-more-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 12px);
  z-index: 10004;
  display: none;
  min-width: 178px;
  padding: 8px;
  background: #11121f;
  border: 1px solid rgba(174, 158, 255, 0.16);
  border-radius: 14px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.36);
}

html body.reading-manga.rtl .pn-reader-more-menu {
  right: auto;
  left: 0;
}

html body.reading-manga .pn-reader-mobile-more.is-open .pn-reader-more-menu {
  display: grid;
  gap: 6px;
}

html body.reading-manga .pn-reader-more-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 38px;
  gap: 9px;
  padding: 8px 10px;
  color: var(--pn-reader-bar-text) !important;
  background: #181a29 !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
}

html body.reading-manga.rtl .pn-reader-more-item {
  justify-content: flex-start;
  text-align: right;
}

html body.reading-manga .pn-reader-more-item:hover,
html body.reading-manga .pn-reader-more-item:focus-visible {
  color: #ffffff !important;
  background: #211b36 !important;
  border-color: rgba(188, 169, 255, 0.28) !important;
  outline: none;
}

html body.reading-manga .pn-reader-more-item i {
  width: 16px;
  color: currentColor !important;
  text-align: center;
}

html body.reading-manga .pn-reader-hide-floating {
  position: fixed;
  right: 18px;
  bottom: calc(var(--pn-reader-bar-height) + 18px + env(safe-area-inset-bottom, 0px));
  z-index: 10002;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 34px;
  color: var(--pn-reader-bar-text);
  background: #151724;
  border: 1px solid var(--pn-reader-bar-border);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

html body.reading-manga.rtl .pn-reader-hide-floating {
  right: auto;
  left: 18px;
}

html body.reading-manga .pn-reader-hide-floating:hover,
html body.reading-manga .pn-reader-hide-floating:focus-visible,
html body.reading-manga .pn-reader-bar-restore:hover,
html body.reading-manga .pn-reader-bar-restore:focus-visible {
  color: #ffffff;
  background: #211b36;
  border-color: rgba(188, 169, 255, 0.28);
  outline: none;
}

html body.reading-manga.pn-reader-bar-hidden .pn-reader-hide-floating {
  display: none;
}

html body.reading-manga .pn-reader-bar-restore {
  background: #151724 !important;
}

html body[data-schema="default"].reading-manga .content-area {
  background: #f8f9fa !important;
}

html body[data-schema="default"].reading-manga .content-area .read-container * {
  color: #333333 !important;
}

html body[data-schema="yellow"].reading-manga .content-area {
  background: #d9cfb3 !important;
}

html body[data-schema="yellow"].reading-manga .content-area .read-container * {
  color: #333333 !important;
}

html body[data-schema="dark"].reading-manga .content-area {
  background: #262626 !important;
  color: rgb(213, 213, 213) !important;
}

html body[data-schema="dark"].reading-manga .content-area .read-container * {
  color: rgb(213, 213, 213) !important;
}

@media (max-width: 767px) {
  body.reading-manga {
    --pn-reader-bar-height: 68px;
    --pn-reader-bar-safe-space: calc(var(--pn-reader-bar-height) + 14px + env(safe-area-inset-bottom, 0px));
  }

  html body.reading-manga .pn-reader-bottom-bar__inner {
    grid-template-columns: minmax(82px, auto) minmax(92px, 1fr) minmax(82px, auto) 40px !important;
    gap: 5px !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility {
    max-width: none !important;
    overflow: visible !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--navigation {
    max-width: none !important;
    overflow: visible !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--home,
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--chapters,
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--fullscreen,
  html body.reading-manga .pn-reader-bottom-bar__group--utility > #btn_chapter_report {
    display: none !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--detail,
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--comments,
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-settings {
    display: inline-flex !important;
  }

  html body.reading-manga .pn-reader-mobile-more {
    display: flex;
  }

  html body.reading-manga .pn-reader-hide-floating {
    display: none;
  }

  html body.reading-manga .pn-reader-bottom-bar__current {
    min-width: 0;
    padding-right: 7px;
    padding-left: 7px;
  }
}

@media (max-width: 420px) {
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--detail {
    display: inline-flex !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility {
    max-width: none !important;
  }
}

/* === Reader Slice 2.2: Bottom Bar Functional Fixes === */
html body.reading-manga .pn-reader-nav-source[hidden] {
  display: none !important;
}

html body.reading-manga .pn-reader-nav-link {
  width: auto !important;
  min-width: 86px !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
  gap: 7px !important;
}

html body.reading-manga .pn-reader-control-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

html body.reading-manga .pn-reader-nav-link:not([href]),
html body.reading-manga .pn-reader-nav-link[href=""] {
  pointer-events: none !important;
}

html body.reading-manga .pn-reader-more-current {
  display: none;
  min-width: 0;
  padding: 9px 10px;
  color: var(--pn-reader-bar-text);
  background: #151724;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 11px;
  text-align: center;
}

html body.reading-manga .pn-reader-more-current .pn-reader-current-title {
  white-space: normal;
}

html body.reading-manga .pn-reader-bar-restore {
  z-index: 10005 !important;
}

html body.reading-manga.pn-reader-bar-hidden .pn-reader-bar-restore {
  display: inline-flex !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  html body.reading-manga .pn-reader-bottom-bar__inner {
    grid-template-columns: minmax(118px, auto) minmax(116px, 1fr) 40px !important;
    gap: 6px !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__current {
    display: none !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--home,
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--fullscreen {
    display: none !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--navigation {
    justify-content: center !important;
    gap: 5px !important;
  }

  html body.reading-manga .pn-reader-nav-link {
    min-width: 55px !important;
    height: 38px !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
    border-radius: 12px !important;
    gap: 4px !important;
  }

  html body.reading-manga .pn-reader-control-label {
    font-size: 11px;
  }

  html body.reading-manga .pn-reader-more-current {
    display: block;
  }

  html body.reading-manga .pn-reader-more-menu {
    min-width: min(230px, calc(100vw - 24px));
  }

  html body.reading-manga .pn-reader-bar-restore {
    right: 12px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width: 48px !important;
    height: 38px !important;
  }

  html body.reading-manga.rtl .pn-reader-bar-restore {
    right: auto !important;
    left: 12px !important;
  }
}

/* === Reader Slice 2.4: Controls Debug And Anti-Overlap Fix === */
html body.reading-manga.pn-reader-bar-hidden .pn-reader-bottom-bar {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body.reading-manga .pn-reader-bar-restore {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body.reading-manga.pn-reader-bar-hidden .pn-reader-bar-restore {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

html body.reading-manga .pn-reader-mobile-more.is-open .pn-reader-more-menu,
html body.reading-manga .pn-reader-mobile-more.pn-reader-more-open .pn-reader-more-menu,
html body.reading-manga.pn-reader-more-open .pn-reader-mobile-more.is-open .pn-reader-more-menu {
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body.reading-manga .pn-reader-bottom-bar,
html body.reading-manga .pn-reader-hide-floating,
html body.reading-manga.pn-reader-bar-hidden .pn-reader-bar-restore {
  z-index: 100500 !important;
  pointer-events: auto !important;
}

html body.reading-manga .pn-reader-bottom-bar *,
html body.reading-manga .pn-reader-hide-floating *,
html body.reading-manga .pn-reader-bar-restore * {
  pointer-events: auto !important;
}

html body.reading-manga .pn-reader-more-menu {
  z-index: 100501 !important;
}

html body.reading-manga .pn-reader-bottom-bar::before,
html body.reading-manga .pn-reader-bottom-bar::after,
html body.reading-manga .pn-reader-control::before,
html body.reading-manga .pn-reader-control::after {
  pointer-events: none !important;
}

@media (min-width: 768px) {
  html body.reading-manga .pn-reader-bottom-bar__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 420px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--navigation {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__current {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
  }

  html body.reading-manga .pn-reader-mobile-more {
    display: none !important;
  }

  html body.reading-manga .pn-reader-bottom-bar .pn-reader-control,
  html body.reading-manga .pn-reader-settings > .pn-reader-control {
    width: auto !important;
    min-width: 40px !important;
    max-width: 132px !important;
    height: 40px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    gap: 7px !important;
    flex: 0 1 auto !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  html body.reading-manga .pn-reader-nav-link {
    min-width: 86px !important;
    max-width: 110px !important;
    flex: 0 0 auto !important;
  }

  html body.reading-manga .pn-reader-control-label {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  html body.reading-manga .pn-reader-control--home .pn-reader-control-label--desktop,
  html body.reading-manga .pn-reader-control--fullscreen .pn-reader-control-label--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  html body.reading-manga .pn-reader-bottom-bar__inner {
    display: grid !important;
    grid-template-columns: minmax(112px, auto) minmax(0, 1fr) 40px !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--navigation {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
  }

  html body.reading-manga .pn-reader-mobile-more {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: flex !important;
    min-width: 0 !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__current {
    display: none !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--home,
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--fullscreen {
    display: none !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility .pn-reader-control-label,
  html body.reading-manga .pn-reader-mobile-more > .pn-reader-control--more .pn-reader-control-label,
  html body.reading-manga .pn-reader-hide-floating .pn-reader-control-label {
    display: none !important;
  }

  html body.reading-manga .pn-reader-nav-link .pn-reader-control-label {
    display: inline-block !important;
  }
}

@media (max-width: 420px) {
  html body.reading-manga .pn-reader-bottom-bar__inner {
    grid-template-columns: minmax(104px, auto) minmax(108px, 1fr) 38px !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--detail,
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--comments,
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-settings {
    width: 36px !important;
    min-width: 36px !important;
  }

  html body.reading-manga .pn-reader-nav-link {
    min-width: 50px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}

/* === Reader Slice 2.5: Chapter Control And Label Safety === */
html body.reading-manga .pn-reader-current-count {
  display: none !important;
}

@media (min-width: 1024px) {
  html body.reading-manga .pn-reader-bottom-bar__inner {
    grid-template-columns: auto minmax(150px, 1fr) auto !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility {
    overflow: visible !important;
    flex-wrap: nowrap !important;
  }

  html body.reading-manga .pn-reader-bottom-bar .pn-reader-control,
  html body.reading-manga .pn-reader-settings > .pn-reader-control {
    max-width: none !important;
    overflow: visible !important;
  }

  html body.reading-manga .pn-reader-control-label,
  html body.reading-manga .pn-reader-control-label--desktop {
    display: inline-block !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html body.reading-manga .pn-reader-control--chapters {
    display: inline-flex !important;
  }
}

@media (max-width: 767px) {
  html body.reading-manga .pn-reader-bottom-bar__group--utility > .pn-reader-control--chapters {
    display: none !important;
  }
}

/* === Reader Slice 2.6: Desktop Button Label Containment Fix === */
@media (min-width: 768px) {
  html body.reading-manga .pn-reader-bottom-bar__inner {
    grid-template-columns: max-content minmax(90px, 1fr) max-content !important;
    width: min(1480px, calc(100vw - 28px)) !important;
    gap: 12px !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--navigation,
  html body.reading-manga .pn-reader-bottom-bar__group--utility,
  html body.reading-manga .pn-reader-bottom-bar .sidebar-tools-item {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--navigation {
    overflow: visible !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility,
  html body.reading-manga .pn-reader-bottom-bar .sidebar-tools-item {
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__group--utility::-webkit-scrollbar,
  html body.reading-manga .pn-reader-bottom-bar .sidebar-tools-item::-webkit-scrollbar {
    display: none !important;
  }

  html body.reading-manga .pn-reader-bottom-bar__current {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body.reading-manga .pn-reader-bottom-bar .pn-reader-control,
  html body.reading-manga .pn-reader-settings > .pn-reader-control,
  html body.reading-manga .pn-reader-bottom-bar .sidebar-tools-item button {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    height: 40px !important;
    padding: 0 12px !important;
    gap: 7px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  html body.reading-manga .pn-reader-bottom-bar .pn-reader-nav-link {
    min-width: 92px !important;
  }

  html body.reading-manga .pn-reader-bottom-bar .pn-reader-control i,
  html body.reading-manga .pn-reader-settings > .pn-reader-control i {
    flex: 0 0 auto !important;
  }

  html body.reading-manga .pn-reader-bottom-bar .pn-reader-control-label,
  html body.reading-manga .pn-reader-bottom-bar .pn-reader-control-label--desktop {
    position: static !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.reading-manga .pn-reader-settings {
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  html body.reading-manga .pn-reader-bottom-bar__inner {
    grid-template-columns: max-content minmax(0, 0.45fr) minmax(0, 1fr) !important;
  }

  html body.reading-manga .pn-reader-bottom-bar .pn-reader-control,
  html body.reading-manga .pn-reader-settings > .pn-reader-control,
  html body.reading-manga .pn-reader-bottom-bar .sidebar-tools-item button {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

/* === Reader Slice 2.7: Desktop Hide-Bar Icon Only === */
@media (min-width: 768px) {
  html body.reading-manga .pn-reader-hide-floating[data-reader-action="hide-bar"] {
    width: 40px !important;
    min-width: 40px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.reading-manga .pn-reader-hide-floating[data-reader-action="hide-bar"] .pn-reader-control-label {
    display: none !important;
  }
}

/* === Reader Settings Phase 1: Text Line Height And Width === */
body.reading-manga .reading-content-wrap.chapter-type-text {
  --pn-reader-line-height: 1.8;
  --pn-reader-content-width: 900px;
}

body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .main-col {
  width: min(var(--pn-reader-content-width, 900px), calc(100vw - 32px));
  max-width: min(var(--pn-reader-content-width, 900px), calc(100vw - 32px));
  margin-left: auto;
  margin-right: auto;
  margin-inline: auto;
  transform: translate(190px) !important;
  box-sizing: border-box;
}

body.reading-manga.rtl .reading-content-wrap.chapter-type-text .container-inner .main-col {
  transform: translate(-190px) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .main-col.active-chapters-list,
body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .main-col.active-comments {
  transform: none !important;
}

body.reading-manga .reading-content-wrap.chapter-type-text .read-container {
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  margin-inline: 0;
  box-sizing: border-box;
}

body.reading-manga .reading-content-wrap.chapter-type-text .reading-content,
body.reading-manga .reading-content-wrap.chapter-type-text .text-left {
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  margin-inline: 0;
  box-sizing: border-box;
}

body.reading-manga .reading-content-wrap.chapter-type-text .read-container,
body.reading-manga .reading-content-wrap.chapter-type-text .read-container .reading-content,
body.reading-manga .reading-content-wrap.chapter-type-text .read-container .reading-content *,
body.reading-manga .reading-content-wrap.chapter-type-text .read-container .reading-content p,
body.reading-manga .reading-content-wrap.chapter-type-text .read-container .reading-content .text-left,
body.reading-manga .reading-content-wrap.chapter-type-text .read-container .reading-content > *,
body.reading-manga .reading-content-wrap.chapter-type-text .read-container .chapter-name,
body.reading-manga .reading-content-wrap.chapter-type-text .reading-content p,
body.reading-manga .reading-content-wrap.chapter-type-text .text-left p,
body.reading-manga .reading-content-wrap.chapter-type-text .read-container div,
body.reading-manga .reading-content-wrap.chapter-type-text .reading-content div,
body.reading-manga .reading-content-wrap.chapter-type-text .text-left div {
  line-height: var(--pn-reader-line-height, 1.8) !important;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-setting-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  max-width: 100%;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-setting-option {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  min-width: 72px;
  max-width: 100%;
  margin: 0;
  cursor: pointer;
  box-sizing: border-box;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-setting-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

body.reading-manga #wp-manga-reader-settings .pn-reader-setting-option span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-height: 34px;
  padding: 0 14px;
  color: rgba(242, 240, 250, 0.78);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(180, 158, 255, 0.14);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-setting-option:hover span,
body.reading-manga #wp-manga-reader-settings .pn-reader-setting-option.active span {
  color: #ffffff;
  background: rgba(128, 96, 255, 0.22);
  border-color: rgba(188, 169, 255, 0.3);
}

/* === Reader Settings Phase 2: Novel Reading Controls === */
body.reading-manga .reading-content-wrap.chapter-type-text {
  --pn-reader-text-align: center;
  --pn-reader-paragraph-spacing: 1.15em;
}

body.reading-manga .reading-content-wrap.chapter-type-text .read-container,
body.reading-manga .reading-content-wrap.chapter-type-text .reading-content,
body.reading-manga .reading-content-wrap.chapter-type-text .text-left {
  text-align: var(--pn-reader-text-align, center) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-text .reading-content p,
body.reading-manga .reading-content-wrap.chapter-type-text .text-left p,
body.reading-manga .reading-content-wrap.chapter-type-text .reading-content > div:not(.page-break):not(.chapter-name),
body.reading-manga .reading-content-wrap.chapter-type-text .text-left > div:not(.page-break):not(.chapter-name) {
  text-align: var(--pn-reader-text-align, center) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-text .reading-content p,
body.reading-manga .reading-content-wrap.chapter-type-text .text-left p {
  margin-top: 0 !important;
  margin-bottom: var(--pn-reader-paragraph-spacing, 1.15em) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-text .reading-content > div:not(.page-break):not(.chapter-name),
body.reading-manga .reading-content-wrap.chapter-type-text .text-left > div:not(.page-break):not(.chapter-name) {
  margin-bottom: var(--pn-reader-paragraph-spacing, 1.15em);
}

body.reading-manga .reading-content-wrap.chapter-type-text[data-pn-text-align="justify"] .reading-content p,
body.reading-manga .reading-content-wrap.chapter-type-text[data-pn-text-align="justify"] .text-left p {
  text-align-last: auto;
}

body.reading-manga.pn-reader-hide-cover .reading-content-wrap.chapter-type-text .manga-info,
body.reading-manga.pn-reader-focus-mode .reading-content-wrap.chapter-type-text .manga-info {
  display: none !important;
}

body.reading-manga.pn-reader-hide-cover .reading-content-wrap.chapter-type-text .main-col-inner,
body.reading-manga.pn-reader-focus-mode .reading-content-wrap.chapter-type-text .main-col-inner {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.reading-manga.pn-reader-hide-cover .reading-content-wrap.chapter-type-text .read-container,
body.reading-manga.pn-reader-focus-mode .reading-content-wrap.chapter-type-text .read-container {
  padding-top: 12px !important;
}

body.reading-manga.pn-reader-focus-mode .reading-sticky-menu {
  display: none !important;
}

@media (max-width: 768px) {
  body.reading-manga.pn-reader-hide-cover .reading-content-wrap.chapter-type-text .read-container,
  body.reading-manga.pn-reader-focus-mode .reading-content-wrap.chapter-type-text .read-container {
    padding-top: 4px !important;
  }
}

/* === Reader Settings Phase 3: Themes, Text Colors, And Fonts === */
html body.reading-manga .reading-settings #wp-manga-reader-settings {
  max-height: calc(100dvh - var(--pn-reader-bar-safe-space, 82px) - 28px) !important;
  overscroll-behavior: contain;
}

body.reading-manga #wp-manga-reader-settings .box-body {
  display: grid;
  gap: 14px;
  min-width: 0;
}

body.reading-manga #wp-manga-reader-settings h6 {
  margin: 0 0 8px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: right;
}

body.reading-manga #wp-manga-reader-settings .theme-set-font {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 100%;
}

body.reading-manga #wp-manga-reader-settings .theme-set-font li {
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-font-option {
  min-width: 88px;
  max-width: 100%;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-font-option span {
  min-height: 36px;
  padding-inline: 14px;
  font-size: 11px;
  letter-spacing: 0;
  white-space: nowrap;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-swatch-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  max-width: 100%;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-color-swatch {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  width: auto;
  min-width: 64px;
  max-width: 100%;
  height: auto;
  margin: 0;
  cursor: pointer;
  box-sizing: border-box;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-color-swatch input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

body.reading-manga #wp-manga-reader-settings .pn-reader-color-swatch strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 62px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(190, 170, 255, 0.22);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box;
}

body.reading-manga #wp-manga-reader-settings .theme-set-text-color .pn-reader-color-swatch strong {
  background: var(--pn-swatch-color, #f3f0ff);
  color: #11131f;
}

body.reading-manga #wp-manga-reader-settings .theme-set-text-color .pn-reader-color-swatch._black strong {
  color: #ffffff;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-color-swatch:hover strong,
body.reading-manga #wp-manga-reader-settings .pn-reader-color-swatch.active strong {
  border-color: rgba(255, 213, 74, 0.88);
  box-shadow:
    0 0 0 2px rgba(255, 213, 74, 0.18),
    0 10px 22px rgba(0, 0, 0, 0.28),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

body.reading-manga .reading-content-wrap.chapter-type-text {
  --pn-reader-bg: #242424;
  --pn-reader-text: #f4f4f4;
  --pn-reader-muted: #cbc7d8;
  --pn-reader-text-color: #f3f0ff;
  --pn-reader-font-family: "Tajawal", sans-serif;
}

body.reading-manga .reading-content-wrap.chapter-type-text,
body.reading-manga .reading-content-wrap.chapter-type-text .content-area,
body.reading-manga .reading-content-wrap.chapter-type-text .content-area > .container,
body.reading-manga .reading-content-wrap.chapter-type-text .container-inner,
body.reading-manga .reading-content-wrap.chapter-type-text .main-col,
body.reading-manga .reading-content-wrap.chapter-type-text .main-col-inner,
body.reading-manga .reading-content-wrap.chapter-type-text .c-blog-post,
body.reading-manga .reading-content-wrap.chapter-type-text .entry-content,
body.reading-manga .reading-content-wrap.chapter-type-text .entry-content_wrap,
body.reading-manga .reading-content-wrap.chapter-type-text .read-container {
  background: var(--pn-reader-bg, #242424) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-text .read-container,
body.reading-manga .reading-content-wrap.chapter-type-text .reading-content,
body.reading-manga .reading-content-wrap.chapter-type-text .text-left,
body.reading-manga .reading-content-wrap.chapter-type-text .reading-content *:not(a):not(button):not(input):not(select):not(textarea),
body.reading-manga .reading-content-wrap.chapter-type-text .text-left *:not(a):not(button):not(input):not(select):not(textarea),
body.reading-manga .reading-content-wrap.chapter-type-text .reading-content p,
body.reading-manga .reading-content-wrap.chapter-type-text .text-left p,
body.reading-manga .reading-content-wrap.chapter-type-text .reading-content div,
body.reading-manga .reading-content-wrap.chapter-type-text .text-left div {
  color: var(--pn-reader-text-color, var(--pn-reader-text, #f3f0ff)) !important;
  font-family: var(--pn-reader-font-family, "Tajawal", sans-serif) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-text .chapter-name,
body.reading-manga .reading-content-wrap.chapter-type-text .manga-title,
body.reading-manga .reading-content-wrap.chapter-type-text .manga-title a,
body.reading-manga .reading-content-wrap.chapter-type-text .manga-author,
body.reading-manga .reading-content-wrap.chapter-type-text .manga-author * {
  color: var(--pn-reader-text-color, var(--pn-reader-text, #f3f0ff)) !important;
}

body.reading-manga[data-pn-reader-bg="warm"] .reading-content-wrap.chapter-type-text .chapter-name,
body.reading-manga[data-pn-reader-bg="white"] .reading-content-wrap.chapter-type-text .chapter-name {
  text-shadow: none !important;
}

@media (max-width: 768px) {
  html body.reading-manga .reading-settings #wp-manga-reader-settings {
    max-height: calc(100dvh - var(--pn-reader-bar-safe-space, 82px) - 18px) !important;
  }

  body.reading-manga #wp-manga-reader-settings .pn-reader-font-option {
    flex: 1 1 calc(50% - 5px);
    min-width: min(128px, 100%);
  }

  body.reading-manga #wp-manga-reader-settings .pn-reader-setting-option {
    flex: 0 1 auto;
    min-width: 72px;
  }

  body.reading-manga #wp-manga-reader-settings .pn-reader-color-swatch {
    flex: 1 1 calc(33.333% - 8px);
    min-width: 74px;
  }

  body.reading-manga #wp-manga-reader-settings .pn-reader-color-swatch strong {
    width: 100%;
  }
}

@media (max-width: 767px) {
  body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .main-col {
    width: min(100%, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    margin-left: auto;
    margin-right: auto;
    margin-inline: auto;
    transform: none !important;
  }
}

/* === Reader Settings Phase 2: Image Chapter Controls === */
body.reading-manga .reading-content-wrap.chapter-type-manga {
  --pn-reader-image-spacing: 0px;
}

body.reading-manga[data-pn-image-bg="black"],
body.reading-manga[data-pn-image-bg="dark"] {
  background: var(--pn-reader-image-bg-color) !important;
}

body.reading-manga[data-pn-image-bg="black"] .site-content,
body.reading-manga[data-pn-image-bg="dark"] .site-content,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .content-area,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .content-area,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .content-area > .container,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .content-area > .container,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .container-inner,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .container-inner,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .main-col,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .main-col,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .main-col-inner,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .main-col-inner,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .c-blog-post,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .c-blog-post,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .entry-content,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .entry-content,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .entry-content_wrap,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .entry-content_wrap,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .read-container,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .read-container,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .reading-content,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .reading-content,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .wp-manga-chapter,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .wp-manga-chapter,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .page-break,
body.reading-manga[data-pn-image-bg="dark"] .reading-content-wrap.chapter-type-manga .page-break {
  background: var(--pn-reader-image-bg-color) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-bg="site"] .read-container,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-bg="site"] .reading-content {
  background: transparent;
}

body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-bg="black"] .read-container,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-bg="black"] .reading-content {
  background: var(--pn-reader-image-bg-color, #000000);
}

body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-bg="dark"] .read-container,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-bg="dark"] .reading-content {
  background: var(--pn-reader-image-bg-color, #242424);
}

body.reading-manga .reading-content-wrap.chapter-type-manga .reading-content .page-break {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto var(--pn-reader-image-spacing, 0px) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga .reading-content .page-break:last-child {
  margin-bottom: 0 !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga .reading-content .page-break img,
body.reading-manga .reading-content-wrap.chapter-type-manga .reading-content .page-break .wp-manga-chapter-img {
  margin-bottom: 0 !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga .reading-content > img,
body.reading-manga .reading-content-wrap.chapter-type-manga .reading-content > .wp-manga-chapter-img {
  margin-bottom: var(--pn-reader-image-spacing, 0px) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga .reading-content img,
body.reading-manga .reading-content-wrap.chapter-type-manga .reading-content .wp-manga-chapter-img {
  display: block;
  height: auto !important;
  object-fit: contain;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="auto"] .reading-content img,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="auto"] .reading-content .wp-manga-chapter-img {
  width: 100% !important;
  max-width: 720px !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="full"] .reading-content img,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="full"] .reading-content .wp-manga-chapter-img {
  width: 100% !important;
  max-width: 100% !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="original"] .reading-content img,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="original"] .reading-content .wp-manga-chapter-img {
  width: auto !important;
  max-width: 100% !important;
}

/* === Manga Reader Settings Upgrade: Image Controls And Night Light === */
body.reading-manga #wp-manga-reader-settings .box-header,
body.reading-manga #wp-manga-reader-settings .box-footer {
  position: sticky;
  z-index: 2;
  background: #11131f;
}

body.reading-manga #wp-manga-reader-settings .box-header {
  top: 0;
}

body.reading-manga #wp-manga-reader-settings .box-footer {
  bottom: 0;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-image-bg-option._black span {
  color: #f6f4ff !important;
  background: #050505 !important;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-image-bg-option._gray span {
  color: #f2efff !important;
  background: #242424 !important;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-image-bg-option._site span {
  color: #f6f4ff !important;
  background: linear-gradient(135deg, #11131f, #25233a) !important;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-image-bg-option._navy span {
  color: #edf4ff !important;
  background: #0d1424 !important;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-image-bg-option._purple span {
  color: #eee9ff !important;
  background: #171327 !important;
}

body.reading-manga #wp-manga-reader-settings .pn-reader-image-bg-option._white span {
  color: #111111 !important;
  background: #ffffff !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga {
  --pn-manga-image-gap: var(--pn-reader-image-spacing, 0px);
}

body.reading-manga[data-pn-image-bg="black"],
body.reading-manga[data-pn-image-bg="gray"],
body.reading-manga[data-pn-image-bg="navy"],
body.reading-manga[data-pn-image-bg="purple"],
body.reading-manga[data-pn-image-bg="white"] {
  background: var(--pn-reader-image-bg-color) !important;
}

body.reading-manga[data-pn-image-bg="black"] .site-content,
body.reading-manga[data-pn-image-bg="gray"] .site-content,
body.reading-manga[data-pn-image-bg="navy"] .site-content,
body.reading-manga[data-pn-image-bg="purple"] .site-content,
body.reading-manga[data-pn-image-bg="white"] .site-content,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .content-area,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .content-area,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .content-area,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .content-area,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .content-area,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .content-area > .container,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .content-area > .container,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .content-area > .container,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .content-area > .container,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .content-area > .container,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .container-inner,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .container-inner,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .container-inner,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .container-inner,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .container-inner,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .main-col,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .main-col,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .main-col,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .main-col,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .main-col,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .main-col-inner,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .main-col-inner,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .main-col-inner,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .main-col-inner,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .main-col-inner,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .entry-content,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .entry-content,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .entry-content,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .entry-content,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .entry-content,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .read-container,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .read-container,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .read-container,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .read-container,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .read-container,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .reading-content,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .reading-content,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .reading-content,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .reading-content,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .reading-content,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .wp-manga-chapter,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .wp-manga-chapter,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .wp-manga-chapter,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .wp-manga-chapter,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .wp-manga-chapter,
body.reading-manga[data-pn-image-bg="black"] .reading-content-wrap.chapter-type-manga .page-break,
body.reading-manga[data-pn-image-bg="gray"] .reading-content-wrap.chapter-type-manga .page-break,
body.reading-manga[data-pn-image-bg="navy"] .reading-content-wrap.chapter-type-manga .page-break,
body.reading-manga[data-pn-image-bg="purple"] .reading-content-wrap.chapter-type-manga .page-break,
body.reading-manga[data-pn-image-bg="white"] .reading-content-wrap.chapter-type-manga .page-break {
  background: var(--pn-reader-image-bg-color) !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .content-area > .container,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .container-inner,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .main-col,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .main-col-inner,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .read-container,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .reading-content {
  width: 100% !important;
  max-width: 100vw !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
}

body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .reading-content img,
body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .reading-content .wp-manga-chapter-img {
  width: 100% !important;
  max-width: 100vw !important;
  height: auto !important;
}

body.reading-manga.pn-manga-hide-cover .reading-content-wrap.chapter-type-manga .manga-info,
body.reading-manga.pn-manga-focus-mode .reading-content-wrap.chapter-type-manga .manga-info {
  display: none !important;
}

body.reading-manga.pn-manga-hide-cover .reading-content-wrap.chapter-type-manga .main-col-inner,
body.reading-manga.pn-manga-focus-mode .reading-content-wrap.chapter-type-manga .main-col-inner {
  padding-top: 10px !important;
}

body.reading-manga.pn-manga-focus-mode .reading-content-wrap.chapter-type-manga .read-container {
  padding-top: 0 !important;
}

body.reading-manga.pn-manga-filter-sharp .reading-content-wrap.chapter-type-manga .reading-content img,
body.reading-manga.pn-manga-filter-sharp .reading-content-wrap.chapter-type-manga .reading-content .wp-manga-chapter-img {
  filter: contrast(1.04) saturate(1.03);
}

body.reading-manga.pn-manga-filter-soft .reading-content-wrap.chapter-type-manga .reading-content img,
body.reading-manga.pn-manga-filter-soft .reading-content-wrap.chapter-type-manga .reading-content .wp-manga-chapter-img {
  filter: contrast(0.98) brightness(1.01);
}

@media (min-width: 769px) {
  body.reading-manga.pn-manga-double-page .reading-content-wrap.chapter-type-manga .reading-content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--pn-manga-image-gap, var(--pn-reader-image-spacing, 0px));
    align-items: start;
  }

  body.reading-manga.pn-manga-double-page .reading-content-wrap.chapter-type-manga .reading-content .page-break {
    display: flex;
    width: 100%;
    margin: 0 !important;
  }

  body.reading-manga.pn-manga-double-page .reading-content-wrap.chapter-type-manga .reading-content img,
  body.reading-manga.pn-manga-double-page .reading-content-wrap.chapter-type-manga .reading-content .wp-manga-chapter-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 768px) {
  body.reading-manga.pn-manga-double-page .reading-content-wrap.chapter-type-manga .reading-content {
    display: block !important;
  }

  body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .reading-content img,
  body.reading-manga .reading-content-wrap.chapter-type-manga[data-pn-image-width="screen"] .reading-content .wp-manga-chapter-img {
    max-width: 100% !important;
  }
}

body.reading-manga.pn-night-light-on::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  background: var(--pn-night-light-tint, rgba(255, 196, 96, 0.08));
}

html:fullscreen body.reading-manga.pn-night-light-on::after,
html:-webkit-full-screen body.reading-manga.pn-night-light-on::after {
  position: fixed;
  inset: 0;
}

body.reading-manga.pn-night-light-on #wp-manga-reader-settings,
body.reading-manga.pn-night-light-on .pn-reader-more-menu {
  isolation: isolate;
}

/* === Reader Progress Memory Phase 1 === */
body.reading-manga .pn-reader-progress-prompt {
  position: fixed;
  right: 50%;
  bottom: 92px;
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: min(520px, calc(100vw - 28px));
  padding: 10px 12px;
  color: rgba(248, 247, 255, 0.94);
  background: #11121f;
  border: 1px solid rgba(176, 154, 255, 0.18);
  border-radius: 14px;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.32);
  transform: translateX(50%);
  direction: rtl;
  pointer-events: auto;
}

body.reading-manga.pn-reader-bar-hidden .pn-reader-progress-prompt {
  bottom: 28px;
}

body.reading-manga .pn-reader-progress-prompt__text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-align: start;
}

body.reading-manga .pn-reader-progress-prompt__actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

body.reading-manga .pn-reader-progress-prompt__continue,
body.reading-manga .pn-reader-progress-prompt__dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

body.reading-manga .pn-reader-progress-prompt__continue {
  color: #ffffff;
  background: rgba(130, 101, 255, 0.82);
  border: 1px solid rgba(191, 176, 255, 0.22);
}

body.reading-manga .pn-reader-progress-prompt__dismiss {
  color: rgba(232, 229, 244, 0.78);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

body.reading-manga .pn-reader-progress-prompt__continue:hover,
body.reading-manga .pn-reader-progress-prompt__continue:focus-visible {
  background: rgba(148, 122, 255, 0.92);
}

body.reading-manga .pn-reader-progress-prompt__dismiss:hover,
body.reading-manga .pn-reader-progress-prompt__dismiss:focus-visible {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 575px) {
  body.reading-manga .pn-reader-progress-prompt {
    bottom: 86px;
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
    padding: 11px;
  }

  body.reading-manga .pn-reader-progress-prompt__text {
    text-align: center;
  }

  body.reading-manga .pn-reader-progress-prompt__actions {
    justify-content: center;
  }

  body.reading-manga .pn-reader-progress-prompt__continue,
  body.reading-manga .pn-reader-progress-prompt__dismiss {
    flex: 1 1 0;
  }
}

/* === Reader Progress Phase 2: Detail Continue And Read Marks === */
body.manga-page:not(.reading-manga) .pn-continue-reading-action {
  display: inline-flex;
  align-items: stretch;
}

body.manga-page:not(.reading-manga) .pn-continue-reading-btn {
  display: inline-flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 6px 8px !important;
  background: rgba(18, 19, 31, 0.72) !important;
  border: 1px solid rgba(255, 211, 88, 0.78) !important;
  border-radius: 12px !important;
  color: rgba(245, 243, 255, 0.92) !important;
  line-height: 1.2 !important;
  text-align: center;
  box-shadow: none !important;
}

body.manga-page:not(.reading-manga) .pn-continue-reading-btn:hover,
body.manga-page:not(.reading-manga) .pn-continue-reading-btn:focus-visible {
  background: rgba(255, 211, 88, 0.08) !important;
  border-color: rgba(255, 221, 116, 0.9) !important;
  color: #ffffff !important;
}

body.manga-page:not(.reading-manga) .pn-continue-reading-icon {
  display: inline-flex;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  width: 38px;
  min-width: 38px;
  height: 36px;
  color: #ffd64f;
  background: rgba(255, 211, 88, 0.12);
  border: 1px solid rgba(255, 211, 88, 0.18);
  border-radius: 9px;
}

body.manga-page:not(.reading-manga) .pn-continue-reading-copy {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  padding-inline: 8px;
}

body.manga-page:not(.reading-manga) .pn-continue-reading-btn__label {
  display: block;
  font-size: 14px;
  font-weight: 800;
}

body.manga-page:not(.reading-manga) .pn-continue-reading-btn__subtitle {
  display: block;
  max-width: 170px;
  overflow: hidden;
  color: rgba(246, 244, 255, 0.64);
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter.pn-chapter-read {
  opacity: 0.82;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter.pn-chapter-read > a {
  color: rgba(218, 215, 232, 0.76) !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter.pn-chapter-last-read {
  opacity: 1;
  border-color: rgba(155, 126, 255, 0.28) !important;
  background: rgba(132, 101, 255, 0.1) !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter.pn-chapter-last-read > a {
  color: rgba(245, 243, 255, 0.94) !important;
}

body.manga-page:not(.reading-manga) .pn-chapter-read-badge,
body.manga-page:not(.reading-manga) .pn-chapter-last-read-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  margin-inline-start: 10px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
}

body.manga-page:not(.reading-manga) .pn-chapter-read-badge {
  color: rgba(218, 215, 232, 0.72);
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

body.manga-page:not(.reading-manga) .pn-chapter-last-read-badge {
  color: #ffffff;
  background: rgba(132, 101, 255, 0.22);
  border: 1px solid rgba(190, 174, 255, 0.24);
}

@media (max-width: 575px) {
  body.manga-page:not(.reading-manga) .pn-continue-reading-action {
    width: 100%;
  }

  body.manga-page:not(.reading-manga) .pn-continue-reading-btn {
    width: 100%;
  }

  body.manga-page:not(.reading-manga) .pn-continue-reading-btn__subtitle {
    max-width: 100%;
  }

  body.manga-page:not(.reading-manga) .pn-chapter-read-badge,
  body.manga-page:not(.reading-manga) .pn-chapter-last-read-badge {
    margin-top: 6px;
    margin-inline-start: 0;
  }
}

/* === Reader Mobile Text Intro Overflow Fix === */
@media (max-width: 768px) {
  body.reading-manga {
    overflow-x: hidden;
  }

  body.reading-manga .reading-content-wrap.chapter-type-text,
  body.reading-manga .reading-content-wrap.chapter-type-text .content-area,
  body.reading-manga .reading-content-wrap.chapter-type-text .content-area > .container,
  body.reading-manga .reading-content-wrap.chapter-type-text .container-inner,
  body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .main-col,
  body.reading-manga .reading-content-wrap.chapter-type-text .main-col-inner,
  body.reading-manga .reading-content-wrap.chapter-type-text .c-blog-post,
  body.reading-manga .reading-content-wrap.chapter-type-text .entry-content,
  body.reading-manga .reading-content-wrap.chapter-type-text .entry-content_wrap,
  body.reading-manga .reading-content-wrap.chapter-type-text .read-container,
  body.reading-manga .reading-content-wrap.chapter-type-text .reading-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-inline: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.reading-manga .reading-content-wrap.chapter-type-text .content-area,
  body.reading-manga .reading-content-wrap.chapter-type-text .content-area > .container,
  body.reading-manga .reading-content-wrap.chapter-type-text .container-inner {
    overflow-x: hidden !important;
  }

  body.reading-manga .reading-content-wrap.chapter-type-text .read-container {
    width: min(100%, var(--pn-reader-content-width, 900px), calc(100vw - 24px)) !important;
    max-width: min(var(--pn-reader-content-width, 900px), calc(100vw - 24px)) !important;
  }

  body.reading-manga .reading-content-wrap.chapter-type-text .manga-info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(100%, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-inline: auto !important;
    overflow: hidden !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.reading-manga .reading-content-wrap.chapter-type-text .manga-background {
    inset: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.reading-manga .reading-content-wrap.chapter-type-text .summary_image {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-inline: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.reading-manga .reading-content-wrap.chapter-type-text .summary_image a {
    display: inline-flex !important;
    justify-content: center !important;
    max-width: min(82vw, 320px) !important;
  }

  body.reading-manga .reading-content-wrap.chapter-type-text .summary_image img,
  body.reading-manga .reading-content-wrap.chapter-type-text .summary_image .img-responsive {
    display: block !important;
    width: auto !important;
    max-width: min(82vw, 320px) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-inline: auto !important;
    transform: none !important;
  }

  body.reading-manga .reading-content-wrap.chapter-type-text .manga-title,
  body.reading-manga .reading-content-wrap.chapter-type-text .manga-author,
  body.reading-manga .reading-content-wrap.chapter-type-text .chapter-name {
    width: 100% !important;
    max-width: calc(100vw - 24px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-inline: auto !important;
    text-align: center !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
}

/* === Reader Mobile Text Column Final Fix === */
@media (max-width: 768px) {
  html:has(body.reading-manga),
  body.reading-manga {
    max-width: 100%;
    overflow-x: hidden;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text,
  html body.reading-manga .reading-content-wrap.chapter-type-text .content-area,
  html body.reading-manga .reading-content-wrap.chapter-type-text .content-area > .container,
  html body.reading-manga .reading-content-wrap.chapter-type-text .container,
  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner,
  html body.reading-manga .reading-content-wrap.chapter-type-text .row,
  html body.reading-manga .reading-content-wrap.chapter-type-text .main-col,
  html body.reading-manga .reading-content-wrap.chapter-type-text .main-col-inner,
  html body.reading-manga .reading-content-wrap.chapter-type-text .c-blog-post,
  html body.reading-manga .reading-content-wrap.chapter-type-text .entry-content,
  html body.reading-manga .reading-content-wrap.chapter-type-text .entry-content_wrap,
  html body.reading-manga .reading-content-wrap.chapter-type-text .read-container,
  html body.reading-manga .reading-content-wrap.chapter-type-text .reading-content,
  html body.reading-manga .reading-content-wrap.chapter-type-text .text-left {
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-inline: auto !important;
    transform: none !important;
    translate: none !important;
    box-sizing: border-box !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner {
    display: block !important;
    overflow-x: hidden !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .main-col {
    float: none !important;
    flex: 0 0 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner > .main-col,
  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .main-col.sidebar-hidden,
  html body.reading-manga.rtl .reading-content-wrap.chapter-type-text .container-inner > .main-col,
  html body.reading-manga.rtl .reading-content-wrap.chapter-type-text .container-inner .main-col.sidebar-hidden {
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-inline: auto !important;
    transform: none !important;
    translate: none !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .read-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .reading-content {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .reading-content > .text-left,
  html body.reading-manga .reading-content-wrap.chapter-type-text .text-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col {
    position: fixed !important;
    right: 12px !important;
    left: 12px !important;
    bottom: var(--pn-reader-bar-safe-space, 82px) !important;
    z-index: 10000 !important;
    float: none !important;
    flex: 0 0 auto !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    translate: none !important;
    box-sizing: border-box !important;
  }
}

/* === Reader Mobile Empty Panel Fix === */
@media (max-width: 768px) {
  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col:not(.show-chapters-list):not(.show-comments),
  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col.is-empty {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col.show-chapters-list:not(.is-empty),
  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col.show-comments:not(.is-empty) {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col.show-chapters-list .comments,
  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col.show-comments .chapters-list {
    display: none !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col.show-chapters-list .chapters-list,
  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col.show-comments .comments {
    display: block !important;
  }

  html body.reading-manga .reading-content-wrap.chapter-type-text .container-inner .side-col.is-empty {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* === Search Slice 1: Premium Manga Search === */
body.search.wp-manga-page:not(.reading-manga) {
  background:
    radial-gradient(900px 420px at 78% 0%, rgba(113, 83, 210, .16), transparent 64%),
    radial-gradient(760px 380px at 10% 18%, rgba(47, 62, 143, .12), transparent 62%),
    var(--bg-primary) !important;
}

body.search.wp-manga-page:not(.reading-manga) .site-content {
  background: transparent !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper {
  margin: 0 !important;
  padding: 56px 0 42px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  background:
    linear-gradient(180deg, rgba(14, 15, 24, .94) 0%, rgba(15, 17, 25, .72) 100%),
    radial-gradient(720px 280px at 50% 0%, rgba(139, 92, 246, .20), transparent 68%) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .035) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper .container,
body.search.wp-manga-page:not(.reading-manga) .c-page-content .container {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper .search-content {
  width: min(100%, 860px) !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form {
  position: relative !important;
  min-height: 52px !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 18px 42px rgba(0, 0, 0, .20) !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form:focus-within {
  border-color: rgba(171, 146, 255, .34) !important;
  background: rgba(255, 255, 255, .07) !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-field,
body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form input[type="text"] {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(247, 248, 255, .96) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-field::placeholder {
  color: rgba(226, 228, 241, .50) !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-submit {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 108px !important;
  height: 42px !important;
  margin-inline-end: 5px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(176, 151, 255, .24) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(118, 91, 222, .92), rgba(83, 92, 191, .92)) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-submit:hover {
  background: linear-gradient(135deg, rgba(137, 107, 246, .98), rgba(96, 105, 210, .98)) !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form > .icon {
  inset-inline-end: 132px !important;
  color: rgba(216, 208, 255, .78) !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .btn-search-adv {
  min-width: 132px !important;
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .045) !important;
  color: rgba(241, 242, 250, .86) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .btn-search-adv:hover,
body.search.wp-manga-page:not(.reading-manga) .search-content .btn-search-adv:not(.collapsed) {
  border-color: rgba(171, 146, 255, .28) !important;
  background: rgba(139, 92, 246, .14) !important;
  color: #fff !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced {
  width: min(100%, 1020px) !important;
  margin: 24px auto 0 !important;
  padding: 22px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  background: rgba(15, 16, 26, .88) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24) !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced .search-advanced-form {
  margin: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced .form-group {
  margin-bottom: 16px !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced .form-group:not(.checkbox-group) {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced .form-group:not(.checkbox-group) > span,
body.search.wp-manga-page:not(.reading-manga) #search-advanced .form-group > .label {
  flex: 0 0 132px !important;
  color: rgba(235, 236, 247, .76) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced input[type="text"],
body.search.wp-manga-page:not(.reading-manga) #search-advanced select.form-control {
  min-height: 42px !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, .055) !important;
  color: rgba(247, 248, 255, .92) !important;
  box-shadow: none !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced input[type="text"]:focus,
body.search.wp-manga-page:not(.reading-manga) #search-advanced select.form-control:focus {
  border-color: rgba(171, 146, 255, .32) !important;
  background: rgba(255, 255, 255, .07) !important;
  outline: none !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced .checkbox-group {
  row-gap: 8px !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced .checkbox,
body.search.wp-manga-page:not(.reading-manga) #search-advanced .checkbox-inline {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced .checkbox label,
body.search.wp-manga-page:not(.reading-manga) #search-advanced .checkbox-inline label {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .04) !important;
  color: rgba(234, 236, 246, .76) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced input[type="checkbox"]:checked + label,
body.search.wp-manga-page:not(.reading-manga) #search-advanced input[type="radio"]:checked + label {
  border-color: rgba(171, 146, 255, .30) !important;
  background: rgba(139, 92, 246, .15) !important;
  color: #fff !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced .group-btn {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced .c-btn,
body.search.wp-manga-page:not(.reading-manga) #search-advanced button[type="submit"] {
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-page-content {
  background: transparent !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-page-content .content-area {
  margin-top: 0 !important;
  padding: 34px 0 64px !important;
}

body.search.wp-manga-page:not(.reading-manga) .main-col-inner {
  width: 100% !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-wrap {
  width: 100% !important;
  margin: 0 auto !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-wrap .tab-wrap {
  margin-bottom: 20px !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-wrap .c-blog__heading {
  margin: 0 !important;
  padding: 0 2px 18px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-wrap .c-blog__heading h1,
body.search.wp-manga-page:not(.reading-manga) .search-wrap .c-blog__heading h4 {
  margin: 0 !important;
  color: rgba(248, 249, 255, .96) !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-wrap .c-blog__heading i {
  color: rgba(177, 157, 255, .86) !important;
}

body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap {
  padding-top: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) #loop-content.page-content-listing,
body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap .c-tabs-item {
  display: grid !important;
  gap: 14px !important;
}

body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap .c-tabs-item .c-tabs-item__content {
  position: relative !important;
  margin: 0 !important;
  padding: 16px !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .030)),
    rgba(18, 20, 31, .92) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .20) !important;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease !important;
}

body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap .c-tabs-item .c-tabs-item__content:hover {
  border-color: rgba(171, 146, 255, .24) !important;
  background:
    linear-gradient(135deg, rgba(139, 92, 246, .090), rgba(255, 255, 255, .032)),
    rgba(18, 20, 31, .95) !important;
  transform: translateY(-1px) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content > [class*="col-"] {
  float: none !important;
  padding: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content > .col-4,
body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content > .col-md-2 {
  flex: 0 0 122px !important;
  max-width: 122px !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content > .col-8,
body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content > .col-md-10 {
  flex: 1 1 auto !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-thumb {
  width: 122px !important;
  margin: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-thumb a {
  display: block !important;
  width: 122px !important;
  aspect-ratio: 2 / 3 !important;
  overflow: hidden !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .045) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .28) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-summary {
  margin: 0 !important;
  min-width: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title {
  margin: 0 0 10px !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title h3,
body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title h4,
body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title .h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title a {
  color: #fff !important;
  text-decoration: none !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title a:hover {
  color: #d9d1ff !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: transparent !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content::after,
body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content_item::after {
  display: none !important;
  content: none !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content_item {
  width: auto !important;
  max-width: 100% !important;
  min-height: 32px !important;
  margin: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .040) !important;
  color: rgba(226, 229, 240, .80) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content_item.mg_genres {
  border-color: rgba(139, 92, 246, .16) !important;
  background: rgba(139, 92, 246, .085) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content_item.mg_status {
  border-color: rgba(139, 156, 246, .14) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content_item > * {
  display: inline !important;
  font-size: inherit !important;
  vertical-align: baseline !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .summary-heading {
  width: auto !important;
  flex: 0 0 auto !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .summary-heading h5 {
  margin: 0 !important;
  color: rgba(166, 172, 190, .88) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .summary-content {
  width: auto !important;
  min-width: 0 !important;
  color: rgba(236, 238, 248, .84) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .summary-content a {
  color: rgba(235, 232, 255, .88) !important;
  text-decoration: none !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .summary-content a:hover {
  color: #fff !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta {
  margin-top: auto !important;
  padding-top: 14px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 9px !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta > *,
body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .meta-item {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: rgba(191, 196, 214, .76) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .latest-chap {
  order: -1 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .latest-chap .chapter {
  margin: 0 !important;
  padding: 6px 11px !important;
  border: 1px solid rgba(139, 92, 246, .18) !important;
  border-radius: 999px !important;
  background: rgba(139, 92, 246, .12) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .latest-chap .chapter a {
  color: #fff !important;
  text-decoration: none !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .latest-chap .chapter:hover {
  border-color: rgba(171, 146, 255, .36) !important;
  background: rgba(139, 92, 246, .22) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .ratings_stars {
  margin: 0 !important;
  color: rgba(177, 167, 255, .86) !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .score {
  margin: 0 !important;
  color: rgba(237, 238, 255, .84) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.search.wp-manga-page:not(.reading-manga) .manga-autocomplete.ui-autocomplete {
  margin-top: 10px !important;
  padding: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 14px !important;
  background: rgba(14, 15, 24, .98) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
  z-index: 9999 !important;
}

body.search.wp-manga-page:not(.reading-manga) .manga-autocomplete.ui-autocomplete > li {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: rgba(238, 240, 250, .88) !important;
}

body.search.wp-manga-page:not(.reading-manga) .manga-autocomplete.ui-autocomplete > li + li {
  margin-top: 4px !important;
}

body.search.wp-manga-page:not(.reading-manga) .manga-autocomplete.ui-autocomplete > li div {
  padding: 10px 12px !important;
  border-radius: 10px !important;
  color: rgba(238, 240, 250, .88) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

body.search.wp-manga-page:not(.reading-manga) .manga-autocomplete.ui-autocomplete > li:hover div,
body.search.wp-manga-page:not(.reading-manga) .manga-autocomplete.ui-autocomplete > li.ui-state-focus div {
  background: rgba(139, 92, 246, .16) !important;
  color: #fff !important;
}

body.search.wp-manga-page:not(.reading-manga) .manga-autocomplete .manga-text-highlight {
  color: #d8d0ff !important;
  font-weight: 900 !important;
}

body.search.wp-manga-page:not(.reading-manga) .paging-navigation,
body.search.wp-manga-page:not(.reading-manga) .navigation-ajax,
body.search.wp-manga-page:not(.reading-manga) .wp-pagenavi {
  margin: 28px 0 0 !important;
  display: flex !important;
  justify-content: center !important;
}

body.search.wp-manga-page:not(.reading-manga) .paging-navigation .nav-links,
body.search.wp-manga-page:not(.reading-manga) .navigation-ajax .load-ajax,
body.search.wp-manga-page:not(.reading-manga) .wp-pagenavi a,
body.search.wp-manga-page:not(.reading-manga) .wp-pagenavi span {
  border-radius: 999px !important;
}

body.search.wp-manga-page:not(.reading-manga) .navigation-ajax .load-ajax,
body.search.wp-manga-page:not(.reading-manga) .paging-navigation .nav-links a,
body.search.wp-manga-page:not(.reading-manga) .wp-pagenavi a,
body.search.wp-manga-page:not(.reading-manga) .wp-pagenavi span {
  border: 1px solid rgba(255, 255, 255, .09) !important;
  background: rgba(255, 255, 255, .045) !important;
  color: rgba(241, 242, 250, .86) !important;
}

body.search.wp-manga-page:not(.reading-manga) .navigation-ajax .load-ajax:hover,
body.search.wp-manga-page:not(.reading-manga) .paging-navigation .nav-links a:hover,
body.search.wp-manga-page:not(.reading-manga) .wp-pagenavi a:hover,
body.search.wp-manga-page:not(.reading-manga) .wp-pagenavi span.current {
  border-color: rgba(171, 146, 255, .30) !important;
  background: rgba(139, 92, 246, .16) !important;
  color: #fff !important;
}

body.search.wp-manga-page:not(.reading-manga) .no-results {
  min-height: 360px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  background: rgba(18, 20, 31, .90) !important;
}

body.search.wp-manga-page:not(.reading-manga) .no-results .not-found-content {
  color: rgba(237, 238, 247, .78) !important;
}

@media (max-width: 991px) {
  body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper {
    padding: 40px 0 32px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper .search-content {
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .btn-search-adv {
    width: 100% !important;
  }

  body.search.wp-manga-page:not(.reading-manga) #search-advanced .form-group:not(.checkbox-group) {
    display: block !important;
  }

  body.search.wp-manga-page:not(.reading-manga) #search-advanced .form-group:not(.checkbox-group) > span,
  body.search.wp-manga-page:not(.reading-manga) #search-advanced .form-group > .label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper {
    padding: 28px 0 24px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper .container,
  body.search.wp-manga-page:not(.reading-manga) .c-page-content .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form {
    min-height: 48px !important;
    border-radius: 16px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-field,
  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form input[type="text"] {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-submit {
    min-width: 84px !important;
    height: 38px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) #search-advanced {
    margin-top: 14px !important;
    padding: 14px !important;
    border-radius: 15px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) #search-advanced .checkbox-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body.search.wp-manga-page:not(.reading-manga) #search-advanced .checkbox {
    width: auto !important;
    max-width: 100% !important;
  }

  body.search.wp-manga-page:not(.reading-manga) #search-advanced .checkbox label,
  body.search.wp-manga-page:not(.reading-manga) #search-advanced .checkbox-inline label {
    min-height: 32px !important;
    padding: 7px 9px !important;
    font-size: 11px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-page-content .content-area {
    padding: 22px 0 46px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-wrap .c-blog__heading h1,
  body.search.wp-manga-page:not(.reading-manga) .search-wrap .c-blog__heading h4 {
    font-size: 18px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) #loop-content.page-content-listing,
  body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap .c-tabs-item {
    gap: 12px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap .c-tabs-item .c-tabs-item__content {
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 15px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content > .col-4,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content > .col-md-2 {
    flex: 0 0 84px !important;
    max-width: 84px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-thumb,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-thumb a {
    width: 84px !important;
    border-radius: 11px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title {
    margin-bottom: 8px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title h3,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title h4,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-title .h4 {
    font-size: 16px !important;
    line-height: 1.32 !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content {
    gap: 6px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content_item {
    min-height: 28px !important;
    padding: 6px 8px !important;
    gap: 5px !important;
    font-size: 11px !important;
    border-radius: 10px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .summary-heading h5 {
    font-size: 10px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .summary-content {
    font-size: 11px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta {
    padding-top: 10px !important;
    gap: 6px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta > *,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .meta-item {
    font-size: 11px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .latest-chap {
    width: 100% !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .latest-chap .chapter {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .manga-autocomplete.ui-autocomplete {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-top: 8px !important;
  }
}

@media (max-width: 480px) {
  body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap .c-tabs-item .c-tabs-item__content {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    align-items: start !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content > .col-4,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content > .col-md-2 {
    width: 76px !important;
    max-width: 76px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-thumb,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-thumb a {
    width: 76px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content_item.mg_alternative,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content_item.mg_author,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .post-content_item.mg_artists {
    display: none !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content .tab-meta .post-on {
    display: none !important;
  }
}

/* === Search Slice 2: scoped to search page only === */
body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper {
  padding: 48px 0 38px !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper .search-content {
  width: min(100%, 920px) !important;
  align-items: stretch !important;
  gap: 10px !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form {
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  overflow: hidden !important;
  border-color: rgba(173, 154, 255, .16) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .040)),
    rgba(16, 17, 28, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 18px 44px rgba(0, 0, 0, .22) !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-field,
body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form input[type="text"] {
  height: 56px !important;
  min-height: 56px !important;
  padding-inline: 24px 58px !important;
  background: transparent !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form > .icon {
  inset-inline-start: auto !important;
  inset-inline-end: 148px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  color: rgba(205, 197, 255, .82) !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-submit {
  align-self: stretch !important;
  min-width: 128px !important;
  height: auto !important;
  min-height: 56px !important;
  margin: 0 !important;
  border-width: 0 1px 0 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(135deg, rgba(125, 96, 224, .95), rgba(80, 91, 188, .95)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

body.rtl.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-submit {
  border-width: 0 0 0 1px !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .btn-search-adv {
  min-width: 126px !important;
  min-height: 56px !important;
  border-color: rgba(173, 154, 255, .14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .060), rgba(255, 255, 255, .032)),
    rgba(16, 17, 28, .88) !important;
}

body.search.wp-manga-page:not(.reading-manga) #search-advanced {
  margin-top: 16px !important;
  background:
    linear-gradient(180deg, rgba(28, 29, 45, .92), rgba(15, 16, 26, .94)) !important;
}

body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap .c-tabs-item .c-tabs-item__content.pn-search-card {
  padding: 14px !important;
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(139, 92, 246, .075), rgba(255, 255, 255, .030) 46%, rgba(21, 23, 35, .96)),
    rgba(18, 20, 31, .94) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card > .pn-search-thumb-col {
  width: 132px !important;
  max-width: 132px !important;
  flex: none !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-thumb,
body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-thumb a {
  width: 132px !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card > .pn-search-body-col {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-summary {
  display: grid !important;
  gap: 9px !important;
}

body.search.wp-manga-page:not(.reading-manga) .pn-search-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) .pn-search-title-row .post-title {
  min-width: 0 !important;
  margin: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) .pn-search-title-row .post-title h3,
body.search.wp-manga-page:not(.reading-manga) .pn-search-title-row .post-title h4,
body.search.wp-manga-page:not(.reading-manga) .pn-search-title-row .post-title .h4 {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

body.search.wp-manga-page:not(.reading-manga) .pn-search-type-badge {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  max-width: 148px !important;
  padding: 6px 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(184, 164, 255, .20) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(118, 91, 222, .28), rgba(78, 88, 181, .18)) !important;
  color: rgba(248, 247, 255, .96) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.search.wp-manga-page:not(.reading-manga) .pn-search-type-text {
  background: linear-gradient(135deg, rgba(93, 86, 214, .30), rgba(46, 61, 150, .18)) !important;
}

body.search.wp-manga-page:not(.reading-manga) .pn-search-type-video {
  background: linear-gradient(135deg, rgba(132, 48, 92, .30), rgba(74, 48, 120, .18)) !important;
}

body.search.wp-manga-page:not(.reading-manga) .pn-search-excerpt {
  max-width: 760px !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  color: rgba(220, 224, 239, .68) !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  line-height: 1.65 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .post-content {
  gap: 7px !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .post-content_item {
  min-height: 29px !important;
  padding: 6px 9px !important;
  background: rgba(255, 255, 255, .035) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .post-content_item.mg_status {
  border-color: rgba(116, 139, 245, .18) !important;
  background: rgba(116, 139, 245, .09) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .post-content_item.mg_alternative .summary-content {
  max-width: 280px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .post-content_item.mg_author,
body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .post-content_item.mg_artists {
  opacity: .76 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-meta {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, .055) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-meta .latest-chap {
  min-width: 0 !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-meta .latest-chap .font-meta:first-child {
  color: rgba(174, 179, 199, .72) !important;
}

@media (max-width: 991px) {
  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form {
    width: 100% !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .btn-search-adv {
    justify-content: center !important;
  }
}

@media (max-width: 767px) {
  body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper .search-content {
    gap: 10px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form {
    min-height: 50px !important;
    border-radius: 16px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-field,
  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form input[type="text"] {
    height: 50px !important;
    min-height: 50px !important;
    padding-inline: 16px 44px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form > .icon {
    inset-inline-end: 108px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .search-submit {
    min-width: 88px !important;
    min-height: 50px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap .c-tabs-item .c-tabs-item__content.pn-search-card {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card > .pn-search-thumb-col,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-thumb,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-thumb a {
    width: 92px !important;
    max-width: 92px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .pn-search-title-row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .pn-search-type-badge {
    min-height: 24px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .pn-search-excerpt {
    display: none !important;
  }
}

@media (max-width: 480px) {
  body.search.wp-manga-page:not(.reading-manga) .tab-content-wrap .c-tabs-item .c-tabs-item__content.pn-search-card {
    grid-template-columns: 78px minmax(0, 1fr) !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card > .pn-search-thumb-col,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-thumb,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .tab-thumb a {
    width: 78px !important;
    max-width: 78px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .post-content_item.mg_release,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .post-content_item.mg_author,
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .post-content_item.mg_artists {
    display: none !important;
  }
}

/* === Search Slice 2B: JS-only safe badges === */
body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-badge-row {
  margin: -2px 0 2px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-type-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  max-width: 150px !important;
  padding: 5px 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(184, 164, 255, .22) !important;
  border-radius: 999px !important;
  color: rgba(250, 249, 255, .96) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-type-manga {
  background: linear-gradient(135deg, rgba(146, 72, 214, .28), rgba(94, 84, 190, .18)) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-type-manhwa {
  background: linear-gradient(135deg, rgba(132, 82, 220, .28), rgba(63, 89, 190, .18)) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-type-manhua {
  background: linear-gradient(135deg, rgba(84, 106, 214, .28), rgba(118, 82, 190, .18)) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-type-novel {
  background: linear-gradient(135deg, rgba(96, 89, 220, .30), rgba(46, 62, 150, .18)) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-status-badge {
  border-color: rgba(136, 158, 255, .22) !important;
  background: rgba(104, 123, 222, .11) !important;
}

body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-latest-badge {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-badge-row {
    gap: 5px !important;
    margin-bottom: 0 !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .c-tabs-item__content.pn-search-card .pn-search-type-badge {
    min-height: 23px !important;
    max-width: 120px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
  }
}

/* === Detail Chapter List Progress UX === */
body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-align: start !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter > a {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: start !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .chapter-release-date {
  flex: 0 0 auto !important;
  margin-inline-start: auto !important;
  color: rgba(214, 211, 228, 0.56) !important;
  font-size: 12px !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter:hover {
  border-color: rgba(158, 133, 255, 0.22) !important;
  background: rgba(142, 116, 255, 0.085) !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter.pn-chapter-read {
  opacity: 1 !important;
  background: rgba(19, 21, 34, 0.86) !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter.pn-chapter-read > a {
  color: rgba(220, 217, 232, 0.72) !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter.pn-chapter-read > a::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-inline-end: 7px;
  border-radius: 999px;
  color: rgba(213, 204, 255, 0.92);
  background: rgba(146, 130, 255, 0.12);
  font-size: 11px;
  font-weight: 900;
  vertical-align: middle;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter.pn-chapter-last-read {
  border-color: rgba(169, 145, 255, 0.42) !important;
  background:
    linear-gradient(135deg, rgba(132, 101, 255, 0.16), rgba(20, 22, 34, 0.96)) !important;
  box-shadow: 0 0 0 1px rgba(169, 145, 255, 0.08) inset !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter.pn-chapter-last-read > a {
  color: rgba(250, 249, 255, 0.96) !important;
  font-weight: 800 !important;
}

body.manga-page:not(.reading-manga) .pn-chapter-read-badge,
body.manga-page:not(.reading-manga) .pn-chapter-last-read-badge,
body.manga-page:not(.reading-manga) .pn-chapter-progress-badge {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 22px !important;
  max-width: 100% !important;
  margin-inline-start: 4px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  position: relative !important;
  z-index: 2 !important;
  white-space: nowrap !important;
}

body.manga-page:not(.reading-manga) .pn-chapter-read-badge {
  color: rgba(220, 217, 232, 0.74) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}

body.manga-page:not(.reading-manga) .pn-chapter-last-read-badge {
  color: rgba(250, 249, 255, 0.98) !important;
  background: rgba(132, 101, 255, 0.24) !important;
  border: 1px solid rgba(196, 180, 255, 0.28) !important;
}

body.manga-page:not(.reading-manga) .pn-chapter-progress-badge {
  color: rgba(255, 227, 144, 0.98) !important;
  background: rgba(255, 211, 88, 0.12) !important;
  border: 1px solid rgba(255, 211, 88, 0.22) !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .manga-title-badges,
body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .manga-title-badges.new {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 114, 148, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(255, 82, 124, 0.12) !important;
  color: rgba(255, 197, 211, 0.96) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* === Detail Chapter NEW Badge Arabic Label === */
body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .manga-title-badges.new {
  width: auto !important;
  min-width: 34px !important;
  height: 20px !important;
  transform: none !important;
  -webkit-transform: none !important;
  direction: rtl !important;
  font-size: 0 !important;
  text-indent: 0 !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .manga-title-badges.new > .text,
body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .manga-title-badges.new svg,
body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .manga-title-badges.new img {
  display: none !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .manga-title-badges.new::after {
  content: "جديد";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 211, 220, 0.96);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .c-new-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 34px !important;
  height: 20px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 114, 148, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(255, 82, 124, 0.12) !important;
  color: rgba(255, 211, 220, 0.96) !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  vertical-align: middle !important;
}

body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .c-new-tag::after {
  content: "جديد";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

@media (max-width: 767px) {
  body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter {
    flex-wrap: wrap !important;
    gap: 7px !important;
    padding: 12px 13px !important;
  }

  body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter > a {
    flex-basis: 100% !important;
    white-space: normal !important;
  }

  body.manga-page:not(.reading-manga) .listing-chapters_wrap .wp-manga-chapter .chapter-release-date {
    margin-inline-start: 0 !important;
  }

  body.manga-page:not(.reading-manga) .pn-chapter-read-badge,
  body.manga-page:not(.reading-manga) .pn-chapter-last-read-badge,
  body.manga-page:not(.reading-manga) .pn-chapter-progress-badge {
    margin-inline-start: 0 !important;
    font-size: 10px !important;
  }
}

/* === Auth Popups Premium Redesign === */
body.modal-open:has(.modal#form-login.show) .modal-backdrop,
body.modal-open:has(.modal#form-sign-up.show) .modal-backdrop,
body.modal-open:has(.modal#form-reset.show) .modal-backdrop,
body.modal-open:has(.modal#form-reset-password.show) .modal-backdrop,
body.modal-open:has(.modal#form-login.in) .modal-backdrop,
body.modal-open:has(.modal#form-sign-up.in) .modal-backdrop,
body.modal-open:has(.modal#form-reset.in) .modal-backdrop,
body.modal-open:has(.modal#form-reset-password.in) .modal-backdrop {
  background: #050711 !important;
  opacity: 0.76 !important;
}

body.modal-open .modal#form-login,
body.modal-open .modal#form-sign-up,
body.modal-open .modal#form-reset,
body.modal-open .modal#form-reset-password {
  padding-inline: 16px !important;
  color: rgba(245, 247, 255, 0.92) !important;
}

body.modal-open .modal#form-login .modal-dialog,
body.modal-open .modal#form-sign-up .modal-dialog,
body.modal-open .modal#form-reset .modal-dialog,
body.modal-open .modal#form-reset-password .modal-dialog {
  width: min(100%, 460px) !important;
  max-width: 460px !important;
  min-height: calc(100vh - 64px) !important;
  display: flex !important;
  align-items: center !important;
  margin: 32px auto !important;
  pointer-events: none !important;
}

body.modal-open .modal#form-login .modal-content,
body.modal-open .modal#form-sign-up .modal-content,
body.modal-open .modal#form-reset .modal-content,
body.modal-open .modal#form-reset-password .modal-content {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(174, 158, 255, 0.16) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(118, 91, 230, 0.18), transparent 34%),
    radial-gradient(circle at 8% 100%, rgba(57, 86, 180, 0.14), transparent 38%),
    linear-gradient(180deg, #171823 0%, #10111a 100%) !important;
  color: rgba(245, 247, 255, 0.92) !important;
  box-shadow: 0 28px 74px rgba(0, 0, 0, 0.58), 0 0 0 1px rgba(255, 255, 255, 0.025) inset !important;
  pointer-events: auto !important;
}

body.modal-open .modal#form-login .modal-header,
body.modal-open .modal#form-sign-up .modal-header,
body.modal-open .modal#form-reset .modal-header,
body.modal-open .modal#form-reset-password .modal-header {
  min-height: 58px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.modal-open .modal#form-login .modal-body,
body.modal-open .modal#form-sign-up .modal-body,
body.modal-open .modal#form-reset .modal-body,
body.modal-open .modal#form-reset-password .modal-body {
  padding: 0 34px 34px !important;
}

body.modal-open .modal#form-login .modal-footer,
body.modal-open .modal#form-sign-up .modal-footer,
body.modal-open .modal#form-reset .modal-footer,
body.modal-open .modal#form-reset-password .modal-footer {
  display: none !important;
}

body.modal-open .modal#form-login .close[data-dismiss="modal"],
body.modal-open .modal#form-sign-up .close[data-dismiss="modal"],
body.modal-open .modal#form-reset .close[data-dismiss="modal"],
body.modal-open .modal#form-reset-password .close[data-dismiss="modal"] {
  position: absolute !important;
  inset-block-start: 14px !important;
  inset-inline-end: 14px !important;
  z-index: 3 !important;
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(247, 246, 255, 0.78) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
}

body.modal-open .modal#form-login .close[data-dismiss="modal"] span,
body.modal-open .modal#form-sign-up .close[data-dismiss="modal"] span,
body.modal-open .modal#form-reset .close[data-dismiss="modal"] span,
body.modal-open .modal#form-reset-password .close[data-dismiss="modal"] span {
  display: block !important;
  color: inherit !important;
  line-height: 1 !important;
}

body.modal-open .modal#form-login .close[data-dismiss="modal"]:hover,
body.modal-open .modal#form-sign-up .close[data-dismiss="modal"]:hover,
body.modal-open .modal#form-reset .close[data-dismiss="modal"]:hover,
body.modal-open .modal#form-reset-password .close[data-dismiss="modal"]:hover,
body.modal-open .modal#form-login .close[data-dismiss="modal"]:focus,
body.modal-open .modal#form-sign-up .close[data-dismiss="modal"]:focus,
body.modal-open .modal#form-reset .close[data-dismiss="modal"]:focus,
body.modal-open .modal#form-reset-password .close[data-dismiss="modal"]:focus {
  border-color: rgba(190, 177, 255, 0.24) !important;
  background: rgba(139, 92, 246, 0.16) !important;
  color: #fff !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

body.modal-open .modal#form-login .login,
body.modal-open .modal#form-sign-up .login,
body.modal-open .modal#form-reset .login,
body.modal-open .modal#form-reset-password .login {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: rgba(245, 247, 255, 0.9) !important;
  text-align: inherit !important;
}

body.modal-open .modal#form-login .login h3,
body.modal-open .modal#form-sign-up .login h3,
body.modal-open .modal#form-reset .login h3,
body.modal-open .modal#form-reset-password .login h3 {
  margin: 0 0 16px !important;
  color: #fff !important;
  font-size: clamp(24px, 3vw, 31px) !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body.modal-open .modal#form-login .login h3 a,
body.modal-open .modal#form-sign-up .login h3 a,
body.modal-open .modal#form-reset .login h3 a,
body.modal-open .modal#form-reset-password .login h3 a {
  color: #fff !important;
  text-decoration: none !important;
}

body.modal-open .modal#form-login .message,
body.modal-open .modal#form-sign-up .message,
body.modal-open .modal#form-reset .message,
body.modal-open .modal#form-reset-password .message {
  min-height: 0 !important;
  margin: 0 0 20px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(174, 158, 255, 0.12) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: rgba(224, 222, 238, 0.82) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  text-align: center !important;
}

body.modal-open .modal#form-login .message:empty,
body.modal-open .modal#form-sign-up .message:empty,
body.modal-open .modal#form-reset .message:empty,
body.modal-open .modal#form-reset-password .message:empty {
  display: none !important;
}

body.modal-open .modal#form-login .message a,
body.modal-open .modal#form-sign-up .message a,
body.modal-open .modal#form-reset .message a,
body.modal-open .modal#form-reset-password .message a {
  color: #c9bdff !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(201, 189, 255, 0.36) !important;
  text-underline-offset: 3px !important;
}

body.modal-open .modal#form-login form,
body.modal-open .modal#form-sign-up form,
body.modal-open .modal#form-reset form,
body.modal-open .modal#form-reset-password form {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
}

body.modal-open .modal#form-login form p,
body.modal-open .modal#form-sign-up form p,
body.modal-open .modal#form-reset form p,
body.modal-open .modal#form-reset-password form p {
  margin: 0 !important;
}

body.modal-open .modal#form-login #loginform::after,
body.modal-open .modal#form-sign-up #registerform::after,
body.modal-open .modal#form-reset #resetform::after {
  display: none !important;
  content: none !important;
}

body.modal-open .modal#form-login form label,
body.modal-open .modal#form-sign-up form label,
body.modal-open .modal#form-reset form label,
body.modal-open .modal#form-reset-password form label {
  display: block !important;
  margin: 0 !important;
  color: rgba(231, 228, 246, 0.86) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}

body.modal-open .modal#form-login input:not([type]),
body.modal-open .modal#form-login input[type="text"],
body.modal-open .modal#form-login input[type="email"],
body.modal-open .modal#form-login input[type="password"],
body.modal-open .modal#form-login input[type="search"],
body.modal-open .modal#form-sign-up input:not([type]),
body.modal-open .modal#form-sign-up input[type="text"],
body.modal-open .modal#form-sign-up input[type="email"],
body.modal-open .modal#form-sign-up input[type="password"],
body.modal-open .modal#form-sign-up input[type="search"],
body.modal-open .modal#form-reset input:not([type]),
body.modal-open .modal#form-reset input[type="text"],
body.modal-open .modal#form-reset input[type="email"],
body.modal-open .modal#form-reset input[type="password"],
body.modal-open .modal#form-reset input[type="search"],
body.modal-open .modal#form-reset-password input:not([type]),
body.modal-open .modal#form-reset-password input[type="text"],
body.modal-open .modal#form-reset-password input[type="email"],
body.modal-open .modal#form-reset-password input[type="password"],
body.modal-open .modal#form-reset-password input[type="search"] {
  width: 100% !important;
  min-height: 48px !important;
  margin: 7px 0 0 !important;
  padding: 0 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 14px !important;
  background: rgba(6, 7, 13, 0.52) !important;
  color: rgba(250, 249, 255, 0.94) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025) inset !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  outline: none !important;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}

body.modal-open .modal#form-login input::placeholder,
body.modal-open .modal#form-sign-up input::placeholder,
body.modal-open .modal#form-reset input::placeholder,
body.modal-open .modal#form-reset-password input::placeholder {
  color: rgba(210, 207, 230, 0.48) !important;
}

body.modal-open .modal#form-login input:not([type]):focus,
body.modal-open .modal#form-login input[type="text"]:focus,
body.modal-open .modal#form-login input[type="email"]:focus,
body.modal-open .modal#form-login input[type="password"]:focus,
body.modal-open .modal#form-login input[type="search"]:focus,
body.modal-open .modal#form-sign-up input:not([type]):focus,
body.modal-open .modal#form-sign-up input[type="text"]:focus,
body.modal-open .modal#form-sign-up input[type="email"]:focus,
body.modal-open .modal#form-sign-up input[type="password"]:focus,
body.modal-open .modal#form-sign-up input[type="search"]:focus,
body.modal-open .modal#form-reset input:not([type]):focus,
body.modal-open .modal#form-reset input[type="text"]:focus,
body.modal-open .modal#form-reset input[type="email"]:focus,
body.modal-open .modal#form-reset input[type="password"]:focus,
body.modal-open .modal#form-reset input[type="search"]:focus,
body.modal-open .modal#form-reset-password input:not([type]):focus,
body.modal-open .modal#form-reset-password input[type="text"]:focus,
body.modal-open .modal#form-reset-password input[type="email"]:focus,
body.modal-open .modal#form-reset-password input[type="password"]:focus,
body.modal-open .modal#form-reset-password input[type="search"]:focus {
  border-color: rgba(164, 145, 255, 0.58) !important;
  background: rgba(9, 10, 18, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.16), 0 1px 0 rgba(255, 255, 255, 0.035) inset !important;
}

body.modal-open .modal#form-login .submit,
body.modal-open .modal#form-sign-up .submit,
body.modal-open .modal#form-reset .submit,
body.modal-open .modal#form-reset-password .submit {
  margin-top: 6px !important;
}

body.modal-open .modal#form-login .wp-submit,
body.modal-open .modal#form-sign-up .wp-submit,
body.modal-open .modal#form-reset .wp-submit,
body.modal-open .modal#form-reset-password .wp-submit,
body.modal-open .modal#form-login input[type="submit"],
body.modal-open .modal#form-sign-up input[type="submit"],
body.modal-open .modal#form-reset input[type="submit"],
body.modal-open .modal#form-reset-password input[type="submit"] {
  width: 100% !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(190, 177, 255, 0.24) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #7c5df2 0%, #5b64dc 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(94, 82, 210, 0.24) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: none !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}

body.modal-open .modal#form-login .wp-submit:hover,
body.modal-open .modal#form-sign-up .wp-submit:hover,
body.modal-open .modal#form-reset .wp-submit:hover,
body.modal-open .modal#form-reset-password .wp-submit:hover,
body.modal-open .modal#form-login input[type="submit"]:hover,
body.modal-open .modal#form-sign-up input[type="submit"]:hover,
body.modal-open .modal#form-reset input[type="submit"]:hover,
body.modal-open .modal#form-reset-password input[type="submit"]:hover {
  filter: brightness(1.06) !important;
  box-shadow: 0 16px 38px rgba(94, 82, 210, 0.32) !important;
  transform: translateY(-1px) !important;
}

body.modal-open .modal#form-login .wp-submit:focus,
body.modal-open .modal#form-sign-up .wp-submit:focus,
body.modal-open .modal#form-reset .wp-submit:focus,
body.modal-open .modal#form-reset-password .wp-submit:focus,
body.modal-open .modal#form-login input[type="submit"]:focus,
body.modal-open .modal#form-sign-up input[type="submit"]:focus,
body.modal-open .modal#form-reset input[type="submit"]:focus,
body.modal-open .modal#form-reset-password input[type="submit"]:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.22), 0 16px 38px rgba(94, 82, 210, 0.3) !important;
}

body.modal-open .modal#form-login .wp-submit[disabled],
body.modal-open .modal#form-sign-up .wp-submit[disabled],
body.modal-open .modal#form-reset .wp-submit[disabled],
body.modal-open .modal#form-reset-password .wp-submit[disabled],
body.modal-open .modal#form-login input[type="submit"][disabled],
body.modal-open .modal#form-sign-up input[type="submit"][disabled],
body.modal-open .modal#form-reset input[type="submit"][disabled],
body.modal-open .modal#form-reset-password input[type="submit"][disabled] {
  opacity: 0.58 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.18) !important;
  transform: none !important;
}

body.modal-open .modal#form-login #loginform .forgetmenot {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: -2px 0 0 !important;
}

body.modal-open .modal#form-login #loginform .forgetmenot label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: rgba(224, 222, 238, 0.74) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  cursor: pointer !important;
}

body.modal-open .modal#form-login #rememberme {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  accent-color: #8b76ff !important;
}

body.modal-open .modal#form-login .nav,
body.modal-open .modal#form-sign-up .nav,
body.modal-open .modal#form-reset .nav,
body.modal-open .modal#form-reset-password .nav,
body.modal-open .modal#form-login .backtoblog,
body.modal-open .modal#form-sign-up .backtoblog,
body.modal-open .modal#form-reset .backtoblog,
body.modal-open .modal#form-reset-password .backtoblog {
  margin: 18px 0 0 !important;
  color: rgba(211, 207, 232, 0.58) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

body.modal-open .modal#form-login .to-login,
body.modal-open .modal#form-sign-up .to-login,
body.modal-open .modal#form-reset .to-login,
body.modal-open .modal#form-reset-password .to-login,
body.modal-open .modal#form-login .to-reset,
body.modal-open .modal#form-sign-up .to-reset,
body.modal-open .modal#form-reset .to-reset,
body.modal-open .modal#form-reset-password .to-reset,
body.modal-open .modal#form-login .backtoblog,
body.modal-open .modal#form-sign-up .backtoblog,
body.modal-open .modal#form-reset .backtoblog,
body.modal-open .modal#form-reset-password .backtoblog,
body.modal-open .modal#form-login .backtoblog a,
body.modal-open .modal#form-sign-up .backtoblog a,
body.modal-open .modal#form-reset .backtoblog a,
body.modal-open .modal#form-reset-password .backtoblog a {
  color: rgba(206, 198, 255, 0.88) !important;
  text-decoration: none !important;
  text-underline-offset: 3px !important;
  transition: color 0.18s ease, text-decoration-color 0.18s ease !important;
}

body.modal-open .modal#form-login .to-login:hover,
body.modal-open .modal#form-sign-up .to-login:hover,
body.modal-open .modal#form-reset .to-login:hover,
body.modal-open .modal#form-reset-password .to-login:hover,
body.modal-open .modal#form-login .to-reset:hover,
body.modal-open .modal#form-sign-up .to-reset:hover,
body.modal-open .modal#form-reset .to-reset:hover,
body.modal-open .modal#form-reset-password .to-reset:hover,
body.modal-open .modal#form-login .backtoblog:hover,
body.modal-open .modal#form-sign-up .backtoblog:hover,
body.modal-open .modal#form-reset .backtoblog:hover,
body.modal-open .modal#form-reset-password .backtoblog:hover,
body.modal-open .modal#form-login .backtoblog a:hover,
body.modal-open .modal#form-sign-up .backtoblog a:hover,
body.modal-open .modal#form-reset .backtoblog a:hover,
body.modal-open .modal#form-reset-password .backtoblog a:hover {
  color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(190, 177, 255, 0.42) !important;
}

body.modal-open .modal#form-reset-password .description,
body.modal-open .modal#form-reset-password .indicator-hint {
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: rgba(221, 218, 238, 0.68) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

body.modal-open .modal#form-login .modal-loading-screen,
body.modal-open .modal#form-sign-up .modal-loading-screen,
body.modal-open .modal#form-reset .modal-loading-screen,
body.modal-open .modal#form-reset-password .modal-loading-screen {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: inherit !important;
  background: rgba(8, 9, 16, 0.86) !important;
  color: #c9bdff !important;
}

body.modal-open .modal#form-login .modal-loading-screen .fa-5x,
body.modal-open .modal#form-sign-up .modal-loading-screen .fa-5x,
body.modal-open .modal#form-reset .modal-loading-screen .fa-5x,
body.modal-open .modal#form-reset-password .modal-loading-screen .fa-5x {
  color: #c9bdff !important;
  font-size: 30px !important;
}

body.modal-open .modal#form-login .g-recaptcha,
body.modal-open .modal#form-sign-up .g-recaptcha,
body.modal-open .modal#form-reset .g-recaptcha,
body.modal-open .modal#form-reset-password .g-recaptcha {
  max-width: 100% !important;
  overflow: hidden !important;
}

@media (max-width: 768px) {
  body.modal-open .modal#form-login,
  body.modal-open .modal#form-sign-up,
  body.modal-open .modal#form-reset,
  body.modal-open .modal#form-reset-password {
    padding-inline: 14px !important;
  }

  body.modal-open .modal#form-login .modal-dialog,
  body.modal-open .modal#form-sign-up .modal-dialog,
  body.modal-open .modal#form-reset .modal-dialog,
  body.modal-open .modal#form-reset-password .modal-dialog {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-height: calc(100vh - 28px) !important;
    margin: 14px auto !important;
  }

  body.modal-open .modal#form-login .modal-content,
  body.modal-open .modal#form-sign-up .modal-content,
  body.modal-open .modal#form-reset .modal-content,
  body.modal-open .modal#form-reset-password .modal-content {
    max-height: calc(100vh - 28px) !important;
    border-radius: 18px !important;
  }

  body.modal-open .modal#form-login .modal-body,
  body.modal-open .modal#form-sign-up .modal-body,
  body.modal-open .modal#form-reset .modal-body,
  body.modal-open .modal#form-reset-password .modal-body {
    max-height: calc(100vh - 86px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 20px 24px !important;
  }

  body.modal-open .modal#form-login .modal-header,
  body.modal-open .modal#form-sign-up .modal-header,
  body.modal-open .modal#form-reset .modal-header,
  body.modal-open .modal#form-reset-password .modal-header {
    min-height: 54px !important;
  }

  body.modal-open .modal#form-login .close[data-dismiss="modal"],
  body.modal-open .modal#form-sign-up .close[data-dismiss="modal"],
  body.modal-open .modal#form-reset .close[data-dismiss="modal"],
  body.modal-open .modal#form-reset-password .close[data-dismiss="modal"] {
    width: 42px !important;
    height: 42px !important;
    inset-block-start: 10px !important;
    inset-inline-end: 10px !important;
  }

  body.modal-open .modal#form-login input:not([type]),
  body.modal-open .modal#form-login input[type="text"],
  body.modal-open .modal#form-login input[type="email"],
  body.modal-open .modal#form-login input[type="password"],
  body.modal-open .modal#form-login input[type="search"],
  body.modal-open .modal#form-sign-up input:not([type]),
  body.modal-open .modal#form-sign-up input[type="text"],
  body.modal-open .modal#form-sign-up input[type="email"],
  body.modal-open .modal#form-sign-up input[type="password"],
  body.modal-open .modal#form-sign-up input[type="search"],
  body.modal-open .modal#form-reset input:not([type]),
  body.modal-open .modal#form-reset input[type="text"],
  body.modal-open .modal#form-reset input[type="email"],
  body.modal-open .modal#form-reset input[type="password"],
  body.modal-open .modal#form-reset input[type="search"],
  body.modal-open .modal#form-reset-password input:not([type]),
  body.modal-open .modal#form-reset-password input[type="text"],
  body.modal-open .modal#form-reset-password input[type="email"],
  body.modal-open .modal#form-reset-password input[type="password"],
  body.modal-open .modal#form-reset-password input[type="search"],
  body.modal-open .modal#form-login .wp-submit,
  body.modal-open .modal#form-sign-up .wp-submit,
  body.modal-open .modal#form-reset .wp-submit,
  body.modal-open .modal#form-reset-password .wp-submit,
  body.modal-open .modal#form-login input[type="submit"],
  body.modal-open .modal#form-sign-up input[type="submit"],
  body.modal-open .modal#form-reset input[type="submit"],
  body.modal-open .modal#form-reset-password input[type="submit"] {
    min-height: 50px !important;
    font-size: 15px !important;
  }
}

/* === Auth Popups Fullscreen Premium Experience === */
body.modal-open .modal#form-login,
body.modal-open .modal#form-sign-up,
body.modal-open .modal#form-reset,
body.modal-open .modal#form-reset-password {
  width: 100vw !important;
  min-height: 100vh !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(124, 93, 242, 0.20), transparent 34%),
    radial-gradient(circle at 84% 72%, rgba(59, 91, 201, 0.16), transparent 38%),
    linear-gradient(135deg, rgba(5, 7, 15, 0.96) 0%, rgba(12, 12, 23, 0.98) 54%, rgba(8, 7, 16, 0.98) 100%) !important;
}

body.modal-open:has(.modal#form-login.show) .modal-backdrop,
body.modal-open:has(.modal#form-sign-up.show) .modal-backdrop,
body.modal-open:has(.modal#form-reset.show) .modal-backdrop,
body.modal-open:has(.modal#form-reset-password.show) .modal-backdrop,
body.modal-open:has(.modal#form-login.in) .modal-backdrop,
body.modal-open:has(.modal#form-sign-up.in) .modal-backdrop,
body.modal-open:has(.modal#form-reset.in) .modal-backdrop,
body.modal-open:has(.modal#form-reset-password.in) .modal-backdrop {
  background:
    radial-gradient(circle at 50% 0%, rgba(92, 72, 180, 0.20), transparent 38%),
    #03050c !important;
  opacity: 0.88 !important;
}

body.modal-open .modal#form-login .modal-dialog,
body.modal-open .modal#form-sign-up .modal-dialog,
body.modal-open .modal#form-reset .modal-dialog,
body.modal-open .modal#form-reset-password .modal-dialog {
  width: min(1080px, calc(100vw - 72px)) !important;
  max-width: min(1080px, calc(100vw - 72px)) !important;
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 36px 0 !important;
}

body.modal-open .modal#form-login .modal-content,
body.modal-open .modal#form-sign-up .modal-content,
body.modal-open .modal#form-reset .modal-content,
body.modal-open .modal#form-reset-password .modal-content {
  width: 100% !important;
  min-height: min(680px, calc(100vh - 72px)) !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 0.9fr) minmax(360px, 1fr) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid rgba(178, 164, 255, 0.18) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(90deg, rgba(19, 17, 35, 0.98) 0%, rgba(16, 17, 28, 0.98) 46%, rgba(11, 12, 20, 0.99) 100%) !important;
  box-shadow:
    0 34px 96px rgba(0, 0, 0, 0.68),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset,
    0 0 74px rgba(101, 82, 220, 0.10) !important;
}

body.modal-open .modal#form-login .modal-content::before,
body.modal-open .modal#form-sign-up .modal-content::before,
body.modal-open .modal#form-reset .modal-content::before,
body.modal-open .modal#form-reset-password .modal-content::before {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  display: flex !important;
  align-items: flex-end !important;
  min-height: 100% !important;
  padding: 48px !important;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.07) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(150, 118, 255, 0.24), transparent 34%),
    radial-gradient(circle at 88% 88%, rgba(62, 90, 190, 0.16), transparent 40%),
    linear-gradient(155deg, rgba(30, 24, 58, 0.94), rgba(10, 11, 20, 0.98)) !important;
  color: rgba(248, 247, 255, 0.94) !important;
  font-size: clamp(22px, 2.1vw, 33px) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  white-space: pre-line !important;
  text-shadow: 0 18px 44px rgba(0, 0, 0, 0.45) !important;
}

body.modal-open .modal#form-login .modal-content::before {
  content: "PirlaNora\A بوابتك الهادئة إلى عالم القراءة";
}

body.modal-open .modal#form-sign-up .modal-content::before {
  content: "PirlaNora\A أنشئ حسابك واحتفظ بعوالمك المفضلة";
}

body.modal-open .modal#form-reset .modal-content::before,
body.modal-open .modal#form-reset-password .modal-content::before {
  content: "PirlaNora\A سنعيدك إلى مكتبتك بهدوء";
}

body.modal-open .modal#form-login .modal-header,
body.modal-open .modal#form-sign-up .modal-header,
body.modal-open .modal#form-reset .modal-header,
body.modal-open .modal#form-reset-password .modal-header {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 74px !important;
  background: transparent !important;
}

body.modal-open .modal#form-login .modal-body,
body.modal-open .modal#form-sign-up .modal-body,
body.modal-open .modal#form-reset .modal-body,
body.modal-open .modal#form-reset-password .modal-body {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: center !important;
  width: min(100%, 430px) !important;
  margin: 0 auto !important;
  padding: 0 42px 54px !important;
}

body.modal-open .modal#form-login .login h3,
body.modal-open .modal#form-sign-up .login h3,
body.modal-open .modal#form-reset .login h3,
body.modal-open .modal#form-reset-password .login h3 {
  margin-bottom: 18px !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 950 !important;
  text-align: start !important;
}

body.modal-open .modal#form-login .login h3 a,
body.modal-open .modal#form-sign-up .login h3 a,
body.modal-open .modal#form-reset .login h3 a,
body.modal-open .modal#form-reset-password .login h3 a,
body.modal-open .modal#form-reset-password .login h3 {
  font-size: 0 !important;
}

body.modal-open .modal#form-login .login h3 a::after,
body.modal-open .modal#form-sign-up .login h3 a::after,
body.modal-open .modal#form-reset .login h3 a::after,
body.modal-open .modal#form-reset-password .login h3 a::after,
body.modal-open .modal#form-reset-password .login h3::after {
  display: inline-block !important;
  color: #fff !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.modal-open .modal#form-login .login h3 a::after {
  content: "تسجيل الدخول";
}

body.modal-open .modal#form-sign-up .login h3 a::after {
  content: "إنشاء حساب";
}

body.modal-open .modal#form-reset .login h3 a::after,
body.modal-open .modal#form-reset-password .login h3 a::after,
body.modal-open .modal#form-reset-password .login h3::after {
  content: "استعادة كلمة المرور";
}

body.modal-open .modal#form-login .message,
body.modal-open .modal#form-sign-up .message,
body.modal-open .modal#form-reset .message,
body.modal-open .modal#form-reset-password .message {
  text-align: start !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(178, 164, 255, 0.14) !important;
}

body.modal-open .modal#form-login input:not([type]),
body.modal-open .modal#form-login input[type="text"],
body.modal-open .modal#form-login input[type="email"],
body.modal-open .modal#form-login input[type="password"],
body.modal-open .modal#form-login input[type="search"],
body.modal-open .modal#form-sign-up input:not([type]),
body.modal-open .modal#form-sign-up input[type="text"],
body.modal-open .modal#form-sign-up input[type="email"],
body.modal-open .modal#form-sign-up input[type="password"],
body.modal-open .modal#form-sign-up input[type="search"],
body.modal-open .modal#form-reset input:not([type]),
body.modal-open .modal#form-reset input[type="text"],
body.modal-open .modal#form-reset input[type="email"],
body.modal-open .modal#form-reset input[type="password"],
body.modal-open .modal#form-reset input[type="search"],
body.modal-open .modal#form-reset-password input:not([type]),
body.modal-open .modal#form-reset-password input[type="text"],
body.modal-open .modal#form-reset-password input[type="email"],
body.modal-open .modal#form-reset-password input[type="password"],
body.modal-open .modal#form-reset-password input[type="search"] {
  min-height: 54px !important;
  border-radius: 16px !important;
  background: rgba(5, 6, 12, 0.72) !important;
}

body.modal-open .modal#form-login input:-webkit-autofill,
body.modal-open .modal#form-login input:-webkit-autofill:hover,
body.modal-open .modal#form-login input:-webkit-autofill:focus,
body.modal-open .modal#form-sign-up input:-webkit-autofill,
body.modal-open .modal#form-sign-up input:-webkit-autofill:hover,
body.modal-open .modal#form-sign-up input:-webkit-autofill:focus,
body.modal-open .modal#form-reset input:-webkit-autofill,
body.modal-open .modal#form-reset input:-webkit-autofill:hover,
body.modal-open .modal#form-reset input:-webkit-autofill:focus,
body.modal-open .modal#form-reset-password input:-webkit-autofill,
body.modal-open .modal#form-reset-password input:-webkit-autofill:hover,
body.modal-open .modal#form-reset-password input:-webkit-autofill:focus {
  -webkit-text-fill-color: rgba(250, 249, 255, 0.94) !important;
  box-shadow: 0 0 0 1000px #080913 inset, 0 0 0 3px rgba(139, 92, 246, 0.12) !important;
  caret-color: #fff !important;
}

body.modal-open .modal#form-login .wp-submit,
body.modal-open .modal#form-sign-up .wp-submit,
body.modal-open .modal#form-reset .wp-submit,
body.modal-open .modal#form-reset-password .wp-submit,
body.modal-open .modal#form-login input[type="submit"],
body.modal-open .modal#form-sign-up input[type="submit"],
body.modal-open .modal#form-reset input[type="submit"],
body.modal-open .modal#form-reset-password input[type="submit"] {
  min-height: 54px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(143, 113, 255, 1) 0%, rgba(87, 97, 218, 1) 100%) !important;
  box-shadow: 0 18px 42px rgba(92, 82, 210, 0.30) !important;
}

body.modal-open .modal#form-login .modal-loading-screen,
body.modal-open .modal#form-sign-up .modal-loading-screen,
body.modal-open .modal#form-reset .modal-loading-screen,
body.modal-open .modal#form-reset-password .modal-loading-screen {
  background:
    radial-gradient(circle at 50% 34%, rgba(126, 104, 255, 0.18), transparent 38%),
    rgba(7, 8, 15, 0.92) !important;
}

@media (max-width: 900px) {
  body.modal-open .modal#form-login .modal-dialog,
  body.modal-open .modal#form-sign-up .modal-dialog,
  body.modal-open .modal#form-reset .modal-dialog,
  body.modal-open .modal#form-reset-password .modal-dialog {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    padding: 14px 0 !important;
  }

  body.modal-open .modal#form-login .modal-content,
  body.modal-open .modal#form-sign-up .modal-content,
  body.modal-open .modal#form-reset .modal-content,
  body.modal-open .modal#form-reset-password .modal-content {
    min-height: calc(100vh - 28px) !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 22px !important;
  }

  body.modal-open .modal#form-login .modal-content::before,
  body.modal-open .modal#form-sign-up .modal-content::before,
  body.modal-open .modal#form-reset .modal-content::before,
  body.modal-open .modal#form-reset-password .modal-content::before {
    display: none !important;
  }

  body.modal-open .modal#form-login .modal-header,
  body.modal-open .modal#form-sign-up .modal-header,
  body.modal-open .modal#form-reset .modal-header,
  body.modal-open .modal#form-reset-password .modal-header {
    min-height: 64px !important;
    flex: 0 0 auto !important;
  }

  body.modal-open .modal#form-login .modal-body,
  body.modal-open .modal#form-sign-up .modal-body,
  body.modal-open .modal#form-reset .modal-body,
  body.modal-open .modal#form-reset-password .modal-body {
    width: 100% !important;
    max-width: 480px !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 22px 30px !important;
  }

  body.modal-open .modal#form-login .login,
  body.modal-open .modal#form-sign-up .login,
  body.modal-open .modal#form-reset .login,
  body.modal-open .modal#form-reset-password .login {
    width: 100% !important;
  }

  body.modal-open .modal#form-login .login h3,
  body.modal-open .modal#form-sign-up .login h3,
  body.modal-open .modal#form-reset .login h3,
  body.modal-open .modal#form-reset-password .login h3 {
    font-size: clamp(27px, 8vw, 36px) !important;
  }

  body.modal-open .modal#form-login .login h3 a::after,
  body.modal-open .modal#form-sign-up .login h3 a::after,
  body.modal-open .modal#form-reset .login h3 a::after,
  body.modal-open .modal#form-reset-password .login h3 a::after,
  body.modal-open .modal#form-reset-password .login h3::after {
    font-size: clamp(27px, 8vw, 36px) !important;
  }
}

/* === Auth Phase 2 Visual Background Correction === */
body.modal-open .modal#form-login,
body.modal-open .modal#form-sign-up,
body.modal-open .modal#form-reset,
body.modal-open .modal#form-reset-password,
body.modal-open .modal#form-login .modal-dialog,
body.modal-open .modal#form-sign-up .modal-dialog,
body.modal-open .modal#form-reset .modal-dialog,
body.modal-open .modal#form-reset-password .modal-dialog {
  background:
    radial-gradient(circle at 20% 15%, rgba(123, 92, 255, 0.22), transparent 34%),
    radial-gradient(circle at 80% 85%, rgba(33, 145, 255, 0.12), transparent 36%),
    linear-gradient(135deg, #05060c 0%, #0c0d18 45%, #14102b 100%) !important;
  background-color: #05060c !important;
  background-image:
    radial-gradient(circle at 20% 15%, rgba(123, 92, 255, 0.22), transparent 34%),
    radial-gradient(circle at 80% 85%, rgba(33, 145, 255, 0.12), transparent 36%),
    linear-gradient(135deg, #05060c 0%, #0c0d18 45%, #14102b 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.modal-open .modal#form-login .modal-dialog,
body.modal-open .modal#form-sign-up .modal-dialog,
body.modal-open .modal#form-reset .modal-dialog,
body.modal-open .modal#form-reset-password .modal-dialog {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 36px !important;
}

body.modal-open .modal#form-login .modal-dialog::before,
body.modal-open .modal#form-login .modal-dialog::after,
body.modal-open .modal#form-sign-up .modal-dialog::before,
body.modal-open .modal#form-sign-up .modal-dialog::after,
body.modal-open .modal#form-reset .modal-dialog::before,
body.modal-open .modal#form-reset .modal-dialog::after,
body.modal-open .modal#form-reset-password .modal-dialog::before,
body.modal-open .modal#form-reset-password .modal-dialog::after {
  display: none !important;
  content: none !important;
}

body.modal-open .modal#form-login .modal-content,
body.modal-open .modal#form-sign-up .modal-content,
body.modal-open .modal#form-reset .modal-content,
body.modal-open .modal#form-reset-password .modal-content {
  max-width: 1080px !important;
  margin: auto !important;
  background:
    linear-gradient(90deg, rgba(19, 17, 35, 0.98) 0%, rgba(16, 17, 28, 0.98) 46%, rgba(11, 12, 20, 0.99) 100%) !important;
  background-color: #10111a !important;
  background-image:
    linear-gradient(90deg, rgba(19, 17, 35, 0.98) 0%, rgba(16, 17, 28, 0.98) 46%, rgba(11, 12, 20, 0.99) 100%) !important;
}

body.modal-open .modal#form-login .modal-header,
body.modal-open .modal#form-sign-up .modal-header,
body.modal-open .modal#form-reset .modal-header,
body.modal-open .modal#form-reset-password .modal-header,
body.modal-open .modal#form-login .modal-body,
body.modal-open .modal#form-sign-up .modal-body,
body.modal-open .modal#form-reset .modal-body,
body.modal-open .modal#form-reset-password .modal-body,
body.modal-open .modal#form-login .login,
body.modal-open .modal#form-sign-up .login,
body.modal-open .modal#form-reset .login,
body.modal-open .modal#form-reset-password .login {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 900px) {
  body.modal-open .modal#form-login .modal-dialog,
  body.modal-open .modal#form-sign-up .modal-dialog,
  body.modal-open .modal#form-reset .modal-dialog,
  body.modal-open .modal#form-reset-password .modal-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100vh !important;
    padding: 14px !important;
  }

  body.modal-open .modal#form-login .modal-content,
  body.modal-open .modal#form-sign-up .modal-content,
  body.modal-open .modal#form-reset .modal-content,
  body.modal-open .modal#form-reset-password .modal-content {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* === Auth Phase 2 Final Polish === */
body.modal-open .modal#form-login .modal-content,
body.modal-open .modal#form-sign-up .modal-content,
body.modal-open .modal#form-reset .modal-content,
body.modal-open .modal#form-reset-password .modal-content {
  position: relative !important;
  min-height: min(650px, calc(100vh - 72px)) !important;
}

body.modal-open .modal#form-login .modal-content::before,
body.modal-open .modal#form-sign-up .modal-content::before,
body.modal-open .modal#form-reset .modal-content::before,
body.modal-open .modal#form-reset-password .modal-content::before {
  align-items: center !important;
  justify-content: center !important;
  padding: 48px 48px 162px !important;
  text-align: center !important;
  font-size: clamp(21px, 1.9vw, 30px) !important;
  line-height: 1.45 !important;
}

body.modal-open .modal#form-login .modal-content::after,
body.modal-open .modal#form-sign-up .modal-content::after,
body.modal-open .modal#form-reset .modal-content::after,
body.modal-open .modal#form-reset-password .modal-content::after {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  align-self: center !important;
  justify-self: center !important;
  width: min(76%, 360px) !important;
  transform: translateY(118px) !important;
  padding: 18px 22px !important;
  border: 1px solid rgba(199, 188, 255, 0.16) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.20) !important;
  color: rgba(238, 235, 255, 0.82) !important;
  font-size: clamp(13px, 0.98vw, 15px) !important;
  font-weight: 750 !important;
  line-height: 2.05 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
  white-space: pre-line !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

body.modal-open .modal#form-login .modal-content::after,
body.modal-open .modal#form-sign-up .modal-content::after {
  content: "احفظ أعمالك المفضلة\A تابع قراءتك من آخر فصل\A تجربة قراءة هادئة ومخصصة";
}

body.modal-open .modal#form-reset .modal-content::after,
body.modal-open .modal#form-reset-password .modal-content::after {
  content: "استعادة آمنة لحسابك\A عودة سريعة إلى مكتبتك\A تجربة قراءة هادئة ومخصصة";
}

body.modal-open .modal#form-login .modal-body,
body.modal-open .modal#form-sign-up .modal-body,
body.modal-open .modal#form-reset .modal-body,
body.modal-open .modal#form-reset-password .modal-body {
  align-self: center !important;
  padding-bottom: 44px !important;
}

body.modal-open .modal#form-login .login,
body.modal-open .modal#form-sign-up .login,
body.modal-open .modal#form-reset .login,
body.modal-open .modal#form-reset-password .login {
  width: 100% !important;
}

@media (max-width: 900px) {
  body.modal-open .modal#form-login .modal-dialog,
  body.modal-open .modal#form-sign-up .modal-dialog,
  body.modal-open .modal#form-reset .modal-dialog,
  body.modal-open .modal#form-reset-password .modal-dialog {
    padding: 8px !important;
  }

  body.modal-open .modal#form-login .modal-content,
  body.modal-open .modal#form-sign-up .modal-content,
  body.modal-open .modal#form-reset .modal-content,
  body.modal-open .modal#form-reset-password .modal-content {
    min-height: calc(100vh - 16px) !important;
    max-height: none !important;
    overflow-x: hidden !important;
  }

  body.modal-open .modal#form-login .modal-content::before,
  body.modal-open .modal#form-login .modal-content::after,
  body.modal-open .modal#form-sign-up .modal-content::before,
  body.modal-open .modal#form-sign-up .modal-content::after,
  body.modal-open .modal#form-reset .modal-content::before,
  body.modal-open .modal#form-reset .modal-content::after,
  body.modal-open .modal#form-reset-password .modal-content::before,
  body.modal-open .modal#form-reset-password .modal-content::after {
    display: none !important;
    content: none !important;
  }

  body.modal-open .modal#form-login .modal-header,
  body.modal-open .modal#form-sign-up .modal-header,
  body.modal-open .modal#form-reset .modal-header,
  body.modal-open .modal#form-reset-password .modal-header {
    min-height: 54px !important;
  }

  body.modal-open .modal#form-login .modal-body,
  body.modal-open .modal#form-sign-up .modal-body,
  body.modal-open .modal#form-reset .modal-body,
  body.modal-open .modal#form-reset-password .modal-body {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: clamp(16px, 5vh, 42px) 22px 28px !important;
  }

  body.modal-open .modal#form-login .login h3,
  body.modal-open .modal#form-sign-up .login h3,
  body.modal-open .modal#form-reset .login h3,
  body.modal-open .modal#form-reset-password .login h3 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }
}

/* === Auth Phase 3: Final Premium Polish === */
@keyframes pnAuthSceneIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes pnAuthCardIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

body.modal-open .modal#form-login,
body.modal-open .modal#form-sign-up,
body.modal-open .modal#form-reset,
body.modal-open .modal#form-reset-password {
  animation: pnAuthSceneIn 220ms ease-out both !important;
}

body.modal-open .modal#form-login .modal-content,
body.modal-open .modal#form-sign-up .modal-content,
body.modal-open .modal#form-reset .modal-content,
body.modal-open .modal#form-reset-password .modal-content {
  animation: pnAuthCardIn 340ms cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
}

body.modal-open .modal#form-login .modal-content::before,
body.modal-open .modal#form-sign-up .modal-content::before,
body.modal-open .modal#form-reset .modal-content::before,
body.modal-open .modal#form-reset-password .modal-content::before {
  background:
    radial-gradient(circle at 50% 18%, rgba(170, 140, 255, 0.20), transparent 28%),
    radial-gradient(circle at 12% 82%, rgba(82, 112, 255, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px) 0 0 / 26px 26px,
    radial-gradient(circle at 28% 22%, rgba(150, 118, 255, 0.24), transparent 34%),
    radial-gradient(circle at 88% 88%, rgba(62, 90, 190, 0.16), transparent 40%),
    linear-gradient(155deg, rgba(30, 24, 58, 0.94), rgba(10, 11, 20, 0.98)) !important;
  text-shadow:
    0 0 28px rgba(153, 126, 255, 0.34),
    0 18px 44px rgba(0, 0, 0, 0.45) !important;
}

body.modal-open .modal#form-login .modal-content::after,
body.modal-open .modal#form-sign-up .modal-content::after,
body.modal-open .modal#form-reset .modal-content::after,
body.modal-open .modal#form-reset-password .modal-content::after {
  border-color: rgba(202, 193, 255, 0.20) !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(139, 112, 255, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.026)) !important;
  color: rgba(246, 243, 255, 0.88) !important;
}

body.modal-open .modal#form-login .login form::before,
body.modal-open .modal#form-sign-up .login form::before,
body.modal-open .modal#form-reset .login form::before,
body.modal-open .modal#form-reset-password .login form::before {
  display: block !important;
  margin: -2px 0 16px !important;
  color: rgba(211, 204, 242, 0.74) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  content: "احفظ مفضلتك وتابع قراءتك من آخر فصل." !important;
}

body.modal-open .modal#form-reset .login form::before,
body.modal-open .modal#form-reset-password .login form::before {
  content: "استعد وصولك إلى حسابك ثم واصل القراءة بهدوء." !important;
}

body.modal-open .modal#form-login .message,
body.modal-open .modal#form-sign-up .message,
body.modal-open .modal#form-reset .message,
body.modal-open .modal#form-reset-password .message {
  margin: 0 0 18px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(164, 146, 255, 0.24) !important;
  border-inline-start: 3px solid rgba(139, 112, 255, 0.62) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(49, 37, 104, 0.20), rgba(8, 9, 16, 0.78)) !important;
  color: rgba(232, 228, 255, 0.92) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.65 !important;
  box-shadow: none !important;
}

body.modal-open .modal#form-login #login_error,
body.modal-open .modal#form-login .login_error,
body.modal-open .modal#form-login .message.error,
body.modal-open .modal#form-login .message.login_error,
body.modal-open .modal#form-login .error,
body.modal-open .modal#form-sign-up #login_error,
body.modal-open .modal#form-sign-up .login_error,
body.modal-open .modal#form-sign-up .message.error,
body.modal-open .modal#form-sign-up .message.login_error,
body.modal-open .modal#form-sign-up .error,
body.modal-open .modal#form-reset .message.error,
body.modal-open .modal#form-reset .message.login_error,
body.modal-open .modal#form-reset .error,
body.modal-open .modal#form-reset-password .message.error,
body.modal-open .modal#form-reset-password .message.login_error,
body.modal-open .modal#form-reset-password .error {
  margin: 0 0 18px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(248, 113, 113, 0.32) !important;
  border-inline-start: 3px solid rgba(248, 113, 113, 0.78) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(127, 29, 29, 0.22), rgba(8, 9, 16, 0.78)) !important;
  color: rgba(255, 226, 226, 0.96) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.65 !important;
  box-shadow: none !important;
}

body.modal-open .modal#form-login .message.updated,
body.modal-open .modal#form-login .message.success,
body.modal-open .modal#form-sign-up .message.updated,
body.modal-open .modal#form-sign-up .message.success,
body.modal-open .modal#form-reset .message.updated,
body.modal-open .modal#form-reset .message.success,
body.modal-open .modal#form-reset-password .message.updated,
body.modal-open .modal#form-reset-password .message.success {
  border-color: rgba(74, 222, 128, 0.30) !important;
  border-inline-start-color: rgba(74, 222, 128, 0.78) !important;
  background:
    linear-gradient(135deg, rgba(20, 83, 45, 0.20), rgba(8, 9, 16, 0.78)) !important;
  color: rgba(220, 252, 231, 0.96) !important;
}

body.modal-open .modal#form-login input:not([type]):focus,
body.modal-open .modal#form-login input[type="text"]:focus,
body.modal-open .modal#form-login input[type="email"]:focus,
body.modal-open .modal#form-login input[type="password"]:focus,
body.modal-open .modal#form-login input[type="search"]:focus,
body.modal-open .modal#form-sign-up input:not([type]):focus,
body.modal-open .modal#form-sign-up input[type="text"]:focus,
body.modal-open .modal#form-sign-up input[type="email"]:focus,
body.modal-open .modal#form-sign-up input[type="password"]:focus,
body.modal-open .modal#form-sign-up input[type="search"]:focus,
body.modal-open .modal#form-reset input:not([type]):focus,
body.modal-open .modal#form-reset input[type="text"]:focus,
body.modal-open .modal#form-reset input[type="email"]:focus,
body.modal-open .modal#form-reset input[type="password"]:focus,
body.modal-open .modal#form-reset input[type="search"]:focus,
body.modal-open .modal#form-reset-password input:not([type]):focus,
body.modal-open .modal#form-reset-password input[type="text"]:focus,
body.modal-open .modal#form-reset-password input[type="email"]:focus,
body.modal-open .modal#form-reset-password input[type="password"]:focus,
body.modal-open .modal#form-reset-password input[type="search"]:focus {
  border-color: rgba(163, 139, 255, 0.72) !important;
  outline: 2px solid rgba(139, 112, 255, 0.16) !important;
  outline-offset: 2px !important;
  box-shadow:
    0 0 0 1px rgba(139, 112, 255, 0.16) inset,
    0 14px 38px rgba(74, 58, 180, 0.14) !important;
}

body.modal-open .modal#form-login input:-webkit-autofill,
body.modal-open .modal#form-login input:-webkit-autofill:hover,
body.modal-open .modal#form-login input:-webkit-autofill:focus,
body.modal-open .modal#form-login input:-webkit-autofill:active,
body.modal-open .modal#form-sign-up input:-webkit-autofill,
body.modal-open .modal#form-sign-up input:-webkit-autofill:hover,
body.modal-open .modal#form-sign-up input:-webkit-autofill:focus,
body.modal-open .modal#form-sign-up input:-webkit-autofill:active,
body.modal-open .modal#form-reset input:-webkit-autofill,
body.modal-open .modal#form-reset input:-webkit-autofill:hover,
body.modal-open .modal#form-reset input:-webkit-autofill:focus,
body.modal-open .modal#form-reset input:-webkit-autofill:active,
body.modal-open .modal#form-reset-password input:-webkit-autofill,
body.modal-open .modal#form-reset-password input:-webkit-autofill:hover,
body.modal-open .modal#form-reset-password input:-webkit-autofill:focus,
body.modal-open .modal#form-reset-password input:-webkit-autofill:active {
  -webkit-text-fill-color: rgba(250, 249, 255, 0.96) !important;
  -webkit-box-shadow:
    0 0 0 1000px #070813 inset,
    0 0 0 2px rgba(139, 112, 255, 0.12) inset !important;
  caret-color: #fff !important;
  transition: background-color 9999s ease-out 0s !important;
}

body.modal-open .modal#form-login .wp-submit:focus,
body.modal-open .modal#form-login input[type="submit"]:focus,
body.modal-open .modal#form-login .close:focus,
body.modal-open .modal#form-sign-up .wp-submit:focus,
body.modal-open .modal#form-sign-up input[type="submit"]:focus,
body.modal-open .modal#form-sign-up .close:focus,
body.modal-open .modal#form-reset .wp-submit:focus,
body.modal-open .modal#form-reset input[type="submit"]:focus,
body.modal-open .modal#form-reset .close:focus,
body.modal-open .modal#form-reset-password .wp-submit:focus,
body.modal-open .modal#form-reset-password input[type="submit"]:focus,
body.modal-open .modal#form-reset-password .close:focus {
  outline: 2px solid rgba(196, 181, 253, 0.42) !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  body.modal-open .modal#form-login,
  body.modal-open .modal#form-sign-up,
  body.modal-open .modal#form-reset,
  body.modal-open .modal#form-reset-password,
  body.modal-open .modal#form-login .modal-content,
  body.modal-open .modal#form-sign-up .modal-content,
  body.modal-open .modal#form-reset .modal-content,
  body.modal-open .modal#form-reset-password .modal-content {
    animation: none !important;
  }
}

@media (max-width: 900px) {
  body.modal-open .modal#form-login .modal-dialog,
  body.modal-open .modal#form-sign-up .modal-dialog,
  body.modal-open .modal#form-reset .modal-dialog,
  body.modal-open .modal#form-reset-password .modal-dialog {
    overflow-x: hidden !important;
  }

  body.modal-open .modal#form-login .modal-body,
  body.modal-open .modal#form-sign-up .modal-body,
  body.modal-open .modal#form-reset .modal-body,
  body.modal-open .modal#form-reset-password .modal-body {
    padding-top: clamp(10px, 3.5vh, 30px) !important;
  }

  body.modal-open .modal#form-login .login form::before,
  body.modal-open .modal#form-sign-up .login form::before,
  body.modal-open .modal#form-reset .login form::before,
  body.modal-open .modal#form-reset-password .login form::before {
    margin-bottom: 14px !important;
    font-size: 12px !important;
  }
}

/* === Search Autocomplete Dropdown Fix === */
body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper,
body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper .container,
body.search.wp-manga-page:not(.reading-manga) .c-search-header__wrapper .search-content,
.site-header .c-header__top form#blog-post-search.manga-search-form,
.site-header .c-header__top .search-main-menu,
.site-header .c-header__top .open-search-main-menu {
  overflow: visible !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form,
.site-header .c-header__top form#blog-post-search.manga-search-form {
  position: relative !important;
  overflow: visible !important;
  z-index: 20 !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .manga-autocomplete.ui-autocomplete,
.site-header .c-header__top form#blog-post-search.manga-search-form .manga-autocomplete.ui-autocomplete {
  position: absolute !important;
  inset-block-start: calc(100% + 10px) !important;
  inset-block-end: auto !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 220px !important;
  max-width: min(100%, calc(100vw - 28px)) !important;
  max-height: min(420px, calc(100vh - 160px)) !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  list-style: none !important;
  border: 1px solid rgba(177, 157, 255, 0.20) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(23, 24, 37, 0.98), rgba(12, 13, 22, 0.99)) !important;
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset !important;
  color: rgba(244, 244, 252, 0.94) !important;
  z-index: 99999 !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .manga-autocomplete.ui-autocomplete > li,
.site-header .c-header__top form#blog-post-search.manga-search-form .manga-autocomplete.ui-autocomplete > li {
  position: relative !important;
  top: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  list-style: none !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .manga-autocomplete.ui-autocomplete > li + li,
.site-header .c-header__top form#blog-post-search.manga-search-form .manga-autocomplete.ui-autocomplete > li + li {
  margin-top: 4px !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .manga-autocomplete.ui-autocomplete > li div,
.site-header .c-header__top form#blog-post-search.manga-search-form .manga-autocomplete.ui-autocomplete > li div {
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 11px 13px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: rgba(241, 242, 250, 0.92) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-align: start !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .manga-autocomplete.ui-autocomplete > li:hover div,
body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .manga-autocomplete.ui-autocomplete > li.ui-state-focus div,
.site-header .c-header__top form#blog-post-search.manga-search-form .manga-autocomplete.ui-autocomplete > li:hover div,
.site-header .c-header__top form#blog-post-search.manga-search-form .manga-autocomplete.ui-autocomplete > li.ui-state-focus div {
  border-color: rgba(165, 141, 255, 0.20) !important;
  background: rgba(139, 112, 255, 0.13) !important;
  color: #fff !important;
}

body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .manga-autocomplete .manga-text-highlight,
.site-header .c-header__top form#blog-post-search.manga-search-form .manga-autocomplete .manga-text-highlight {
  color: #cfc4ff !important;
  font-weight: 950 !important;
}

@media (max-width: 768px) {
  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .manga-autocomplete.ui-autocomplete,
  .site-header .c-header__top form#blog-post-search.manga-search-form .manga-autocomplete.ui-autocomplete {
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: calc(100vw - 28px) !important;
    max-height: min(360px, calc(100vh - 130px)) !important;
    border-radius: 16px !important;
  }

  body.search.wp-manga-page:not(.reading-manga) .search-content .search-form.manga-search-form .manga-autocomplete.ui-autocomplete > li div,
  .site-header .c-header__top form#blog-post-search.manga-search-form .manga-autocomplete.ui-autocomplete > li div {
    min-height: 46px !important;
    padding: 13px 14px !important;
    font-size: 14px !important;
  }
}

/* === User Settings Premium Dashboard === */
body.page .c-page-content.madara-user-edit-page,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page {
  --pn-user-bg: #080912;
  --pn-user-surface: #10111d;
  --pn-user-surface-2: #151625;
  --pn-user-surface-3: #1a1b2c;
  --pn-user-border: rgba(171, 151, 255, 0.14);
  --pn-user-border-soft: rgba(255, 255, 255, 0.06);
  --pn-user-text: rgba(248, 248, 255, 0.94);
  --pn-user-muted: rgba(205, 205, 224, 0.68);
  --pn-user-faint: rgba(205, 205, 224, 0.46);
  --pn-user-accent: #8b70ff;
  --pn-user-accent-2: #5f7dff;
}

body.page .c-page-content.madara-user-edit-page {
  background:
    radial-gradient(circle at 14% 0%, rgba(106, 82, 214, 0.18), transparent 34%),
    linear-gradient(180deg, #090a12 0%, #07080f 100%) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page {
  display: grid !important;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 24px;
  width: min(100% - 32px, 1180px);
  margin: 48px auto 76px !important;
  padding: 0 !important;
  color: var(--pn-user-text);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page::before,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page::after {
  display: none !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page > .col-md-3,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page > .col-sm-3,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page > .col-md-9,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page > .col-sm-9 {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs-wrap,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap {
  border: 1px solid var(--pn-user-border);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(24, 25, 40, 0.96), rgba(13, 14, 24, 0.98));
  box-shadow:
    0 22px 64px rgba(0, 0, 0, 0.30),
    0 0 0 1px rgba(255, 255, 255, 0.025) inset;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs-wrap {
  position: sticky;
  top: 24px;
  padding: 14px;
  align-self: start;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap {
  padding: clamp(18px, 2.4vw, 30px);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li::after,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li > a::after {
  display: none !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li > a {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 46px;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--pn-user-muted) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: start !important;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li > a i {
  flex: 0 0 22px;
  width: 22px;
  margin: 0 !important;
  color: rgba(188, 176, 255, 0.82) !important;
  text-align: center;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li > a:hover,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li > a:focus {
  border-color: rgba(171, 151, 255, 0.18) !important;
  background: rgba(139, 112, 255, 0.10) !important;
  color: var(--pn-user-text) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li.active > a,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li.active > a:hover,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li.active > a:focus {
  border-color: rgba(190, 176, 255, 0.30) !important;
  background:
    linear-gradient(135deg, rgba(139, 112, 255, 0.92), rgba(80, 105, 235, 0.82)) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(82, 72, 190, 0.24);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-content {
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-pane {
  color: var(--pn-user-text);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .item-title,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-heading,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-heading h3,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-title,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-title h3 {
  color: var(--pn-user-text) !important;
  letter-spacing: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-heading {
  margin: 0 0 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--pn-user-border-soft) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-heading h3,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-title h3 {
  margin: 0 !important;
  font-size: clamp(18px, 2vw, 24px) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap a {
  color: rgba(202, 194, 255, 0.96);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap a:hover,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap a:focus {
  color: #fff;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-group-item,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-item {
  border: 0 !important;
  background: transparent !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-group-item + .tab-group-item {
  margin-top: 18px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-item {
  margin: 0 0 14px !important;
  padding: 18px !important;
  border: 1px solid var(--pn-user-border-soft) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.028) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  background: transparent !important;
  color: var(--pn-user-text);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark thead th {
  padding: 0 16px 6px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--pn-user-faint) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-align: start !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr {
  transition: border-color 160ms ease, transform 160ms ease, background-color 160ms ease;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:hover td {
  border-color: rgba(171, 151, 255, 0.18) !important;
  background: rgba(25, 27, 44, 0.98) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td {
  padding: 16px !important;
  border-top: 1px solid var(--pn-user-border-soft) !important;
  border-bottom: 1px solid var(--pn-user-border-soft) !important;
  background: rgba(19, 20, 33, 0.94) !important;
  color: var(--pn-user-muted) !important;
  vertical-align: middle !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td:first-child {
  border-inline-start: 1px solid var(--pn-user-border-soft) !important;
  border-radius: 16px 0 0 16px;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td:last-child {
  border-inline-end: 1px solid var(--pn-user-border-soft) !important;
  border-radius: 0 16px 16px 0;
}

html[dir="rtl"] body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td:first-child {
  border-radius: 0 16px 16px 0;
}

html[dir="rtl"] body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td:last-child {
  border-radius: 16px 0 0 16px;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .mange-name {
  display: flex !important;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .item-thumb {
  flex: 0 0 76px;
  width: 76px !important;
  margin: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .item-thumb img {
  display: block;
  width: 76px !important;
  aspect-ratio: 2 / 3;
  height: auto !important;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.30);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .item-infor {
  min-width: 0;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .post-title h3,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-title h3 {
  margin: 0 0 9px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .post-title h3 a,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-title h3 a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  color: var(--pn-user-text) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  color: var(--pn-user-muted) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter a,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter span,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(171, 151, 255, 0.14);
  border-radius: 999px;
  background: rgba(139, 112, 255, 0.09);
  color: rgba(231, 228, 255, 0.90) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter.unread a,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter.unread span {
  border-color: rgba(255, 216, 96, 0.20);
  background: rgba(255, 216, 96, 0.08);
  color: rgba(255, 233, 163, 0.96) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .post-on,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .font-meta {
  color: var(--pn-user-faint) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .action {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page input[type="checkbox"],
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page input[type="radio"] {
  accent-color: var(--pn-user-accent);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .bookmark-checkbox {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .wp-manga-delete-bookmark,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-manga-history {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 117, 117, 0.16);
  border-radius: 12px;
  background: rgba(255, 117, 117, 0.07);
  color: rgba(255, 180, 180, 0.94) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-all td {
  background: transparent !important;
  border: 0 !important;
  padding-top: 18px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-all .checkbox {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 !important;
  color: var(--pn-user-muted);
  font-weight: 800;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #delete-bookmark-manga,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #reading-input-submit,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #wp-manga-upload-avatar,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page input[name="reader-settings-submit"],
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page input[name="account-form-submit"] {
  min-height: 44px;
  padding: 0 18px !important;
  border: 1px solid rgba(199, 188, 255, 0.22) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #8b70ff, #5f7dff) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 44px !important;
  box-shadow: 0 16px 36px rgba(95, 125, 255, 0.20);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #delete-bookmark-manga:hover,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #reading-input-submit:hover,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #wp-manga-upload-avatar:hover,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page input[name="reader-settings-submit"]:hover,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page input[name="account-form-submit"]:hover {
  filter: brightness(1.06);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 112px;
  padding: 16px 54px 16px 16px !important;
  border: 1px solid var(--pn-user-border-soft);
  border-radius: 18px;
  background: rgba(19, 20, 33, 0.94);
  transition: border-color 160ms ease, background-color 160ms ease;
}

html[dir="rtl"] body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content {
  padding: 16px 16px 16px 54px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content:hover {
  border-color: rgba(171, 151, 255, 0.18);
  background: rgba(25, 27, 44, 0.98);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .item-thumb {
  flex: 0 0 66px;
  width: 66px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .item-thumb img {
  width: 66px !important;
  border-radius: 10px;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .action {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings label,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .image_setting label,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-item label {
  color: rgba(233, 232, 248, 0.88) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="text"],
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="email"],
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="password"],
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="file"],
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .image_setting select {
  width: 100% !important;
  min-height: 44px;
  padding: 10px 13px !important;
  border: 1px solid rgba(171, 151, 255, 0.16) !important;
  border-radius: 14px !important;
  background: rgba(5, 6, 13, 0.78) !important;
  color: var(--pn-user-text) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="text"]:focus,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="email"]:focus,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="password"]:focus,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="file"]:focus,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .image_setting select:focus {
  border-color: rgba(163, 139, 255, 0.70) !important;
  outline: 2px solid rgba(139, 112, 255, 0.16) !important;
  outline-offset: 2px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .choose-avatar {
  float: none !important;
  width: min(100%, 220px) !important;
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 14px !important;
  border: 1px solid var(--pn-user-border-soft);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .c-user-avatar img,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .choose-avatar img {
  border-radius: 14px;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .alert {
  border: 1px solid rgba(171, 151, 255, 0.16) !important;
  border-radius: 14px !important;
  background: rgba(139, 112, 255, 0.10) !important;
  color: var(--pn-user-text) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .alert-success {
  border-color: rgba(93, 220, 163, 0.24) !important;
  background: rgba(93, 220, 163, 0.10) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .alert-danger {
  border-color: rgba(255, 117, 117, 0.24) !important;
  background: rgba(255, 117, 117, 0.10) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-group-item > span,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark td[colspan] {
  display: block;
  padding: 22px !important;
  border: 1px solid var(--pn-user-border-soft);
  border-radius: 18px;
  background: rgba(19, 20, 33, 0.94) !important;
  color: var(--pn-user-muted) !important;
  text-align: center;
}

@media (max-width: 992px) {
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page {
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 18px;
    width: min(100% - 24px, 1000px);
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap {
    padding: 18px;
  }
}

@media (max-width: 768px) {
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page {
    display: block !important;
    width: min(100% - 22px, 680px);
    margin: 26px auto 56px !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs-wrap {
    position: relative;
    top: auto;
    margin-bottom: 16px;
    padding: 10px;
    border-radius: 18px;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs {
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px !important;
    -webkit-overflow-scrolling: touch;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li {
    flex: 0 0 auto;
    width: auto !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li > a {
    min-height: 42px;
    padding: 10px 12px !important;
    white-space: nowrap;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap {
    padding: 14px;
    border-radius: 18px;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark thead,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tr,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark td {
    display: block;
    width: 100% !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark thead {
    position: absolute;
    width: 1px !important;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr {
    margin-bottom: 12px;
    padding: 14px;
    border: 1px solid var(--pn-user-border-soft);
    border-radius: 18px;
    background: rgba(19, 20, 33, 0.94);
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td:first-child,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td:last-child,
  html[dir="rtl"] body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td:first-child,
  html[dir="rtl"] body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody td:last-child {
    padding: 8px 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .mange-name {
    align-items: flex-start;
    gap: 12px;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .item-thumb,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .item-thumb img {
    width: 66px !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .post-title h3 a,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .settings-title h3 a {
    white-space: normal;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .action {
    justify-content: flex-start;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content {
    min-height: 0;
    padding: 14px 48px 14px 14px !important;
  }

  html[dir="rtl"] body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content {
    padding: 14px 14px 14px 48px !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-item {
    padding: 14px !important;
  }
}

@media (max-width: 480px) {
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page {
    width: min(100% - 16px, 460px);
    margin-top: 18px !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .nav-tabs > li > a {
    font-size: 13px !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap {
    padding: 12px;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter {
    gap: 6px;
  }
}
/* User Settings Phase 2C: inner cards rebuild */
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap {
  background: linear-gradient(180deg, rgba(19, 20, 34, 0.98), rgba(12, 13, 23, 0.99)) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .tab-content,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .tab-pane,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .tab-group-item,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .c-page-content,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .c-page,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .c-blog-listing,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .c-blog__inner,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .c-blog__content,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .manga_content,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap #loop-content {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .tab-item::before,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .tab-item::after,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .history-content::after,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .mange-name::after,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark > tbody tr td > div::before,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark > tbody tr td > div.action::before,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark > tbody tr td > div.post-on::before {
  content: none !important;
  display: none !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tabs-content-wrap .tab-item {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Favorites / bookmarks */
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark thead,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark thead tr {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 130px 88px;
  gap: 14px;
  margin: 0 0 10px !important;
  padding: 0 18px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark thead th {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--pn-user-faint) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-align: start !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:not(:last-child) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 130px 88px;
  gap: 14px;
  align-items: center;
  min-height: 150px;
  margin: 0 0 14px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(171, 151, 255, 0.14) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #181a2e 0%, #11131f 100%) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:not(:last-child):hover {
  border-color: rgba(179, 160, 255, 0.28) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(139, 112, 255, 0.06) inset;
  transform: translateY(-1px);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:not(:last-child) td,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:not(:last-child) td:first-child,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:not(:last-child) td:last-child {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--pn-user-muted) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .mange-name {
  display: grid !important;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-width: 0;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .item-thumb,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .item-thumb a,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .item-thumb img {
  display: block;
  width: 84px !important;
  max-width: 84px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .item-thumb img {
  aspect-ratio: 2 / 3;
  height: auto !important;
  object-fit: cover;
  border-radius: 13px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .item-infor {
  min-width: 0;
  overflow: visible !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .post-title h3 {
  margin: 0 0 10px !important;
  text-align: start !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .post-title h3 a {
  display: -webkit-box !important;
  overflow: hidden;
  color: var(--pn-user-text) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.42 !important;
  white-space: normal !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter span,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter a,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter .chapter-item,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter .chapter-item .chapter,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter .chapter-item .chapter a {
  display: inline-flex !important;
  align-items: center;
  min-height: 30px;
  margin: 0 !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(171, 151, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(139, 112, 255, 0.12) !important;
  color: rgba(236, 233, 255, 0.94) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter .chapter-item span:not(.chapter) {
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
  color: var(--pn-user-faint) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter .chapter-item {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .chapter span a,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .list-chapter .chapter-item .chapter a {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .item-thumb {
  position: relative;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .item-thumb .c-notifications {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-start: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: linear-gradient(135deg, #8b70ff, #5f7dff);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(95, 125, 255, 0.22);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .item-thumb .c-notifications:empty {
  display: none !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .post-on {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin: 0 !important;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--pn-user-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center;
  white-space: nowrap;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .action {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .action > * {
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .action .checkbox,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-all .checkbox {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .bookmark-checkbox,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #checkall {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: var(--pn-user-accent);
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .action .checkbox label,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-all .checkbox label {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--pn-user-muted) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .action .checkbox label::before,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-all .checkbox label::before {
  display: none !important;
  content: none !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .wp-manga-delete-bookmark,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-manga-history {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 131, 131, 0.22) !important;
  border-radius: 13px !important;
  background: rgba(255, 117, 117, 0.08) !important;
  color: rgba(255, 193, 193, 0.95) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .wp-manga-delete-bookmark i::before,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-manga-history i::before {
  color: currentColor !important;
  font-size: 20px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:last-child,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:last-child td {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-all {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  margin: 12px 0 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(171, 151, 255, 0.12);
  border-radius: 16px;
  background: #151729 !important;
}

/* History */
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-item:has(.history-content) {
  overflow: visible !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-item:has(.history-content) > .row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px !important;
  margin: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-item:has(.history-content) > .row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content {
  position: relative;
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  min-height: 138px;
  height: 100%;
  padding: 16px 48px 16px 16px !important;
  border: 1px solid rgba(171, 151, 255, 0.14) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #181a2e 0%, #11131f 100%) !important;
}

html[dir="rtl"] body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content {
  padding: 16px 16px 16px 48px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .item-thumb,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .item-thumb a,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .item-thumb img {
  display: block;
  width: 76px !important;
  max-width: 76px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .item-thumb img,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .item-thumb img {
  aspect-ratio: 2 / 3;
  height: auto !important;
  object-fit: cover;
  border-radius: 12px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .item-infor {
  min-width: 0;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .settings-title h3 {
  margin: 0 0 8px !important;
  text-align: start !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .settings-title h3 a {
  display: -webkit-box !important;
  overflow: hidden;
  color: var(--pn-user-text) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .post-on {
  margin: 8px 0 0 !important;
  color: var(--pn-user-faint) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: start !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .action {
  position: absolute !important;
  inset-block-start: 14px;
  inset-inline-start: 14px;
  inset-inline-end: auto;
}

/* Uploaded works / My Mangas */
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-content-listing,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-listing-item,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-listing-item > .row {
  width: 100% !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-listing-item > .row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-listing-item > .row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail {
  display: grid !important;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 150px;
  padding: 16px !important;
  border: 1px solid rgba(171, 151, 255, 0.14) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #181a2e 0%, #11131f 100%) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .item-thumb,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .item-thumb a,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .item-thumb img {
  width: 80px !important;
  max-width: 80px !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .item-summary {
  min-width: 0 !important;
  width: auto !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .post-title,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .post-title h5 {
  margin: 0 0 10px !important;
  text-align: start !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .post-title a {
  display: -webkit-box !important;
  overflow: hidden;
  color: var(--pn-user-text) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Account settings */
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .tab-item {
  margin: 0 0 16px !important;
  padding: 20px !important;
  border: 1px solid rgba(171, 151, 255, 0.14) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #181a2e 0%, #11131f 100%) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .form-group.row {
  display: grid !important;
  grid-template-columns: minmax(160px, 0.34fr) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin: 12px 0 0 !important;
  padding: 13px 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 15px !important;
  background: #151729 !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .form-group.row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .show {
  display: inline-flex !important;
  align-items: center;
  min-height: 38px;
  padding: 7px 12px;
  border-radius: 12px;
  background: rgba(139, 112, 255, 0.10);
  color: rgba(236, 233, 255, 0.92) !important;
  font-weight: 800;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="text"],
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="email"],
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings input[type="password"],
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings select,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings textarea {
  width: 100% !important;
  min-height: 44px;
  border-color: rgba(171, 151, 255, 0.16) !important;
  border-radius: 14px !important;
  background: #11131f !important;
  color: var(--pn-user-text) !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .form-choose-avatar,
body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .select-flie {
  min-width: 0;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .select-avata {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  min-height: 42px;
  margin: 10px 0 0 !important;
  padding: 0 16px !important;
  border: 1px solid rgba(171, 151, 255, 0.18);
  border-radius: 13px;
  background: rgba(139, 112, 255, 0.12);
  color: rgba(236, 233, 255, 0.94);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  overflow: hidden;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .select-avata::after {
  content: "اختر ملفًا" !important;
}

body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .select-avata input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  padding: 0 !important;
  opacity: 0;
  cursor: pointer;
}

@media (max-width: 1100px) {
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-item:has(.history-content) > .row,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-listing-item > .row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark thead {
    display: none !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:not(:last-child) {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 16px !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .mange-name,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .item-thumb,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .item-thumb a,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark .item-thumb img,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .item-thumb,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content .item-thumb img,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .item-thumb,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .item-thumb a,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail .item-thumb img {
    width: 76px !important;
    max-width: 76px !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .tab-item:has(.history-content) > .row,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-listing-item > .row {
    grid-template-columns: 1fr !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content {
    min-height: 120px;
    padding: 16px 48px 16px 16px !important;
  }

  html[dir="rtl"] body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content {
    padding: 16px 16px 16px 48px !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail {
    min-height: 120px;
    padding: 16px !important;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .action {
    justify-content: flex-start;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-all {
    justify-content: stretch;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .remove-all #delete-bookmark-manga {
    flex: 1 1 140px;
  }

  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page #form-account-settings .form-group.row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page table.list-bookmark tbody tr:not(:last-child),
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .history-content,
  body:not(.reading-manga):not(.manga-page):not(.search):not(.archive) .settings-page .page-item-detail {
    border-radius: 16px !important;
  }
}

/* === Homepage Poster Grid Width Polish === */
@media (min-width: 1440px) {
  body.home.page-template-front-page:not(.manga-page):not(.reading-manga) .site-content .c-page-content.style-1 .content-area > .container {
    width: min(1320px, calc(100vw - 64px)) !important;
    max-width: 1320px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.home.page-template-front-page:not(.manga-page):not(.reading-manga) .site-content .c-page-content.style-1 .content-area > .container > .row,
  body.home.page-template-front-page:not(.manga-page):not(.reading-manga) .site-content .c-page-content.style-1 .main-col {
    width: 100% !important;
    max-width: none !important;
  }

  body.home.page-template-front-page:not(.manga-page):not(.reading-manga) .site-content .c-page-content.style-1 .main-col-inner.c-page,
  body.home.page-template-front-page:not(.manga-page):not(.reading-manga) .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content,
  body.home.page-template-front-page:not(.manga-page):not(.reading-manga) .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content > .c-blog__inner,
  body.home.page-template-front-page:not(.manga-page):not(.reading-manga) .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content > .c-blog__inner > .c-blog__content {
    width: 100% !important;
    max-width: 1320px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.home.page-template-front-page:not(.manga-page):not(.reading-manga) .site-content .c-page-content.style-1 .main-col-inner.c-page > .c-blog-listing.c-page__content.manga_content #loop-content.page-content-listing.item-big_thumbnail.auto-cols {
    width: 100% !important;
    max-width: 1320px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

/* === Reader Mobile Fullscreen Safe Area Fix === */
@media (max-width: 768px) {
  html:fullscreen,
  html:-webkit-full-screen {
    width: 100%;
    min-width: 100%;
    min-height: 100svh;
    min-height: 100dvh;
    background: #05060b !important;
  }

  html:fullscreen body.reading-manga,
  html:-webkit-full-screen body.reading-manga {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    height: 100svh !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: #05060b !important;
  }

  html:fullscreen body.reading-manga #wpadminbar,
  html:-webkit-full-screen body.reading-manga #wpadminbar,
  html:fullscreen body.reading-manga .site-header,
  html:-webkit-full-screen body.reading-manga .site-header,
  html:fullscreen body.reading-manga .c-header__top,
  html:-webkit-full-screen body.reading-manga .c-header__top,
  html:fullscreen body.reading-manga .main-navigation,
  html:-webkit-full-screen body.reading-manga .main-navigation,
  html:fullscreen body.reading-manga .mobile-navigation-wrap,
  html:-webkit-full-screen body.reading-manga .mobile-navigation-wrap,
  html:fullscreen body.reading-manga .mobile-menu,
  html:-webkit-full-screen body.reading-manga .mobile-menu {
    display: none !important;
  }

  html:fullscreen body.reading-manga .wrap,
  html:-webkit-full-screen body.reading-manga .wrap,
  html:fullscreen body.reading-manga .body-wrap,
  html:-webkit-full-screen body.reading-manga .body-wrap,
  html:fullscreen body.reading-manga .site-content,
  html:-webkit-full-screen body.reading-manga .site-content,
  html:fullscreen body.reading-manga .c-page-content,
  html:-webkit-full-screen body.reading-manga .c-page-content,
  html:fullscreen body.reading-manga .content-area,
  html:-webkit-full-screen body.reading-manga .content-area,
  html:fullscreen body.reading-manga .reading-content-wrap,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding-top: 0 !important;
    background: #05060b !important;
    box-sizing: border-box !important;
  }

  html:fullscreen body.reading-manga .reading-content-wrap .container,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap .container,
  html:fullscreen body.reading-manga .reading-content-wrap .container-inner,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap .container-inner,
  html:fullscreen body.reading-manga .reading-content-wrap .main-col,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap .main-col,
  html:fullscreen body.reading-manga .reading-content-wrap .main-col-inner,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap .main-col-inner,
  html:fullscreen body.reading-manga .reading-content-wrap .read-container,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap .read-container,
  html:fullscreen body.reading-manga .reading-content-wrap .reading-content,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap .reading-content {
    top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  html:fullscreen body.reading-manga .reading-content-wrap.chapter-type-text .reading-content,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap.chapter-type-text .reading-content,
  html:fullscreen body.reading-manga .reading-content-wrap.chapter-type-text .text-left,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap.chapter-type-text .text-left {
    padding-top: max(12px, env(safe-area-inset-top, 0px)) !important;
  }

  html:fullscreen body.reading-manga .reading-content-wrap:not(.chapter-type-text) .reading-content,
  html:-webkit-full-screen body.reading-manga .reading-content-wrap:not(.chapter-type-text) .reading-content {
    padding-top: 0 !important;
  }

  html:fullscreen body.reading-manga .pn-reader-bottom-bar,
  html:-webkit-full-screen body.reading-manga .pn-reader-bottom-bar {
    bottom: 0 !important;
    padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
    background: #10111b !important;
  }

  html:fullscreen body.reading-manga .pn-reader-bar-restore,
  html:-webkit-full-screen body.reading-manga .pn-reader-bar-restore {
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
  }

  html:fullscreen body.reading-manga .pn-reader-more-menu,
  html:-webkit-full-screen body.reading-manga .pn-reader-more-menu,
  html:fullscreen body.reading-manga .pn-reader-bottom-bar .reading-settings #wp-manga-reader-settings,
  html:-webkit-full-screen body.reading-manga .pn-reader-bottom-bar .reading-settings #wp-manga-reader-settings {
    max-height: calc(100svh - var(--pn-reader-bar-safe-space, 82px) - env(safe-area-inset-top, 0px) - 18px) !important;
    max-height: calc(100dvh - var(--pn-reader-bar-safe-space, 82px) - env(safe-area-inset-top, 0px) - 18px) !important;
  }
}