/*
Theme Name: Madara-Child
Description: Flash World - A warm fantasy manga theme inspired by Flash World cover art
Author: Flash World
Author URI: https://mangabooth.com/
Template: madara
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Version: 2.2.0
*/

/* ==========================================================================
   FLASH WORLD THEME - Warm Fantasy Manga Design
   ========================================================================== */

/* ------------------------------------------------------------------
   1. CSS VARIABLES
   ------------------------------------------------------------------ */
:root {
  --primary-color: #D4A853;
  --secondary-color: #C4943F;
  --border-dark-color: #6B6560;
  --border-light-color: #E8DFD3;

  --fw-accent: #5BA4CF;
  --fw-bg: #FFF8EE;
  --fw-card: #FFFFFF;
  --fw-text: #2D2A26;
  --fw-text-secondary: #6B6560;
  --fw-border: #E8DFD3;
  --fw-shadow: rgba(180, 150, 100, 0.12);
  --fw-shadow-hover: rgba(180, 150, 100, 0.22);
  --fw-hot: #E85D4A;
  --fw-new: #5BA4CF;
  --fw-radius: 12px;
  --fw-radius-sm: 8px;
  --fw-transition: 250ms ease;
}

/* ------------------------------------------------------------------
   2. GLOBAL STYLES
   ------------------------------------------------------------------ */
body {
  font-family: 'Nunito', 'Poppins', sans-serif;
  background-color: var(--fw-bg);
  color: var(--fw-text-secondary);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--fw-text);
  transition: color var(--fw-transition);
}

a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--fw-text);
  font-family: 'Nunito', 'Poppins', sans-serif;
  font-weight: 700;
}

.font-title a {
  color: var(--fw-text);
}

.font-title a:hover {
  color: var(--primary-color);
}

::selection {
  background: rgba(212, 168, 83, 0.3);
  color: var(--fw-text);
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--fw-bg); }
::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--secondary-color); }

/* Buttons */
.btn,
input[type="submit"],
button[type="submit"] {
  border-radius: var(--fw-radius-sm);
  transition: all var(--fw-transition);
}

/* Inputs */
input:not([type]),
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="search"],
textarea,
select {
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius-sm);
  background-color: var(--fw-card);
  color: var(--fw-text);
  transition: border-color var(--fw-transition), box-shadow var(--fw-transition);
}

input:not([type]):focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(212, 168, 83, 0.15);
  background-color: var(--fw-card);
}

input:not([type]):hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
textarea:hover,
select:hover {
  border-color: var(--primary-color);
  background-color: var(--fw-card);
}

.body-wrap {
  background-color: var(--fw-bg);
}

.wrap {
  background-color: var(--fw-bg);
}

/* C-BTN Buttons Override */
.c-btn.c-btn_style-1 {
  background-color: var(--primary-color);
  border-radius: var(--fw-radius-sm);
  transition: all var(--fw-transition);
}

.c-btn.c-btn_style-1:hover {
  background-color: var(--secondary-color);
}

.c-btn.c-btn_style-2 {
  border-color: var(--primary-color);
  color: var(--primary-color);
  border-radius: var(--fw-radius-sm);
}

.c-btn.c-btn_style-2:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

.c-btn.c-btn_style-3 {
  border-color: var(--fw-text-secondary);
  color: var(--fw-text-secondary);
  border-radius: 25px;
}

.c-btn.c-btn_style-3:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

#init-links .c-btn.c-btn_style-1 {
  padding: 12px 28px;
  font-size: 14px;
  font-weight: 700;
  border-radius: var(--fw-radius-sm);
}

/* ------------------------------------------------------------------
   3. HEADER & NAVIGATION
   ------------------------------------------------------------------ */

.site-header .main-navigation {
  background: var(--fw-card) !important;
  box-shadow: 0 2px 12px var(--fw-shadow);
  border-bottom: 2px solid var(--fw-border);
}

.site-header .main-navigation .main-navigation_wrap {
  padding: 18px 0;
}

.site-header .main-navigation .main-menu ul li a {
  color: var(--fw-text);
  font-weight: 600;
  transition: color var(--fw-transition);
}

.site-header .main-navigation .main-menu ul li:hover > a,
.site-header .main-navigation .main-menu ul li.current-menu-item > a {
  color: var(--primary-color);
}

.site-header .main-navigation .main-menu ul.main-navbar > li > a:before {
  background: var(--primary-color);
}

/* Sub-menus */
.site-header .main-navigation .main-menu ul ul.children,
.site-header .main-navigation .main-menu ul ul.sub-menu {
  background-color: var(--fw-card);
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius-sm);
  box-shadow: 0 8px 24px var(--fw-shadow);
  overflow: hidden;
}

.site-header .main-navigation .main-menu ul ul.children:before,
.site-header .main-navigation .main-menu ul ul.sub-menu:before {
  border-bottom-color: var(--fw-border);
}

.site-header .main-navigation .main-menu ul ul.children > li > a,
.site-header .main-navigation .main-menu ul ul.sub-menu > li > a {
  color: var(--fw-text-secondary);
  padding: 10px 18px;
  transition: all var(--fw-transition);
}

.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 {
  background-color: rgba(212, 168, 83, 0.08);
  color: var(--primary-color);
}

/* Search button in nav */
.site-header .main-navigation .search-navigation .menu-search .open-search-main-menu {
  background-color: rgba(212, 168, 83, 0.12);
  color: var(--primary-color);
  border-radius: 50%;
  transition: all var(--fw-transition);
}

.site-header .main-navigation .search-navigation .menu-search .open-search-main-menu:hover {
  background-color: var(--primary-color);
  color: #fff;
}

/* Full search form bar */
.site-header .search-main-menu {
  background-color: var(--fw-bg);
}

.site-header .search-main-menu form input[type="text"] {
  background-color: var(--fw-card) !important;
  border: 1px solid var(--fw-border) !important;
  border-radius: var(--fw-radius-sm) 0 0 var(--fw-radius-sm) !important;
  color: var(--fw-text) !important;
}

.site-header .search-main-menu form input[type=submit] {
  background: var(--primary-color) !important;
  border-radius: 0 var(--fw-radius-sm) var(--fw-radius-sm) 0 !important;
  font-weight: 700;
}

.site-header .search-main-menu form input[type=submit]:hover {
  background: var(--secondary-color) !important;
}

/* Sub-header navigation */
.site-header .c-sub-header-nav {
  background-color: var(--fw-card);
  border-bottom: 1px solid var(--fw-border);
}

.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li a {
  color: var(--fw-text-secondary);
  transition: color var(--fw-transition);
}

.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li:hover > a,
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li.menu-item-has-children.active > a {
  color: var(--primary-color);
}

.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu {
  background-color: var(--fw-card);
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius-sm);
  box-shadow: 0 8px 24px var(--fw-shadow);
}

/* User menu */
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .btn-active-modal,
.widget_madara-user-section .c-modal_item .btn-active-modal {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  border-radius: var(--fw-radius-sm);
  transition: all var(--fw-transition);
}

.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .btn-active-modal:hover,
.widget_madara-user-section .c-modal_item .btn-active-modal:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_menu,
.widget_madara-user-section .c-modal_item .c-user_item .c-user_menu {
  background-color: var(--fw-card);
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius-sm);
  box-shadow: 0 8px 24px var(--fw-shadow);
}

/* Mobile nav / Off-canvas */
.off-canvas {
  background-color: var(--fw-card) !important;
}

.off-canvas .off-canvas-header {
  background-color: var(--primary-color);
}

.off-canvas .canvas-menu li a {
  color: var(--fw-text);
  border-bottom-color: var(--fw-border);
}

.off-canvas .canvas-menu li a:hover {
  color: var(--primary-color);
  background-color: rgba(212, 168, 83, 0.06);
}

/* ------------------------------------------------------------------
   4. SECTION HEADINGS
   ------------------------------------------------------------------ */

.c-blog__heading.style-1 {
  border-bottom-color: var(--fw-border);
}

.c-blog__heading.style-2 {
  border-bottom: 2px solid var(--fw-border);
}

.c-blog__heading h2 > i,
.c-blog__heading .h4 > i {
  background: var(--primary-color) !important;
  border-radius: 6px;
}

.c-blog__heading h2 > i:after,
.c-blog__heading .h4 > i:after {
  border-left-color: var(--primary-color);
}

.c-blog__heading.style-3 {
  background: var(--primary-color) !important;
  border-radius: var(--fw-radius-sm) var(--fw-radius-sm) 0 0;
}

.c-blog__heading.style-3:after {
  border-top-color: var(--primary-color);
}

.tab-wrap .c-nav-tabs ul.c-tabs-content li.active a,
.tab-wrap .c-nav-tabs ul.c-tabs-content li:hover a {
  color: var(--primary-color);
}

.tab-wrap .c-nav-tabs ul.c-tabs-content li a:after {
  background-color: var(--primary-color);
}

/* ------------------------------------------------------------------
   5. MANGA ARCHIVE CARDS & GRID — FIX CRAMPED LAYOUT
   ------------------------------------------------------------------ */

body.page .page-content-listing .page-listing-item {
  border-bottom-color: var(--fw-border);
  padding-bottom: 15px;
  margin-bottom: 25px;
}

/* Card container */
body.page .page-content-listing .page-listing-item .page-item-detail {
  background: var(--fw-card);
  border-radius: var(--fw-radius);
  padding: 12px;
  box-shadow: 0 2px 12px var(--fw-shadow);
  transition: box-shadow var(--fw-transition), transform var(--fw-transition);
  border: 1px solid var(--fw-border);
  overflow: hidden;
  height: 100%;
}

body.page .page-content-listing .page-listing-item .page-item-detail:hover {
  box-shadow: 0 6px 24px var(--fw-shadow-hover);
  transform: translateY(-2px);
}

/* FIX: Make archive grid use flexbox for equal-height items */
body.page .page-content-listing .page-listing-item .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

body.page .page-content-listing .page-listing-item .row > [class*="col-"] {
  display: flex;
  margin-bottom: 20px;
}

/* FIX: Make archive grid items wider — reduce to fewer columns */
body.page .page-content-listing .page-listing-item .row .col-md-2 {
  flex: 0 0 25%;
  max-width: 25%;
}

body.page .page-content-listing .page-listing-item .row .col-md-3 {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

/* FIX: Consistent card width when using Auto columns — force equal sizing */
body.page .page-content-listing .page-listing-item .row .col-xs-4,
body.page .page-content-listing .page-listing-item .row .col-xs-6,
body.page .page-content-listing .page-listing-item .row .col-sm-3,
body.page .page-content-listing .page-listing-item .row .col-sm-4,
body.page .page-content-listing .page-listing-item .row .col-sm-6 {
  display: flex;
}

/* FIX: Prevent title truncation — allow wrapping */
.page-item-detail .item-summary .post-title h3,
.page-item-detail .item-summary .post-title h5 {
  font-size: 13px;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  margin-bottom: 5px;
}

/* Thumbnail */
body.page .page-content-listing .page-listing-item .page-item-detail .item-thumb {
  border-radius: var(--fw-radius-sm);
  overflow: hidden;
}

body.page .page-content-listing .page-listing-item .page-item-detail .item-thumb img {
  border-radius: var(--fw-radius-sm);
  transition: transform var(--fw-transition);
  width: 100%;
  height: auto;
  display: block;
}

body.page .page-content-listing .page-listing-item .page-item-detail:hover .item-thumb img {
  transform: scale(1.04);
}

/* Chapter pills */
body.page .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter {
  background-color: rgba(212, 168, 83, 0.1);
  border-radius: 20px;
  transition: all var(--fw-transition);
}

body.page .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter a {
  color: var(--fw-text-secondary);
}

body.page .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter:hover {
  background-color: var(--primary-color);
}

body.page .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter:hover a {
  color: #fff;
}

/* Rating stars */
.rating .ratings_stars,
.post-total-rating .ratings_stars,
body.manga-page .profile-manga .tab-summary .post-rating i.ion-ios-star,
body.manga-page .profile-manga .tab-summary .post-rating i.ion-ios-star.rating_current,
body.manga-page .profile-manga .tab-summary .post-rating i.ion-ios-star-half,
body.manga-page .profile-manga .tab-summary .post-rating .post-total-rating i.ion-ios-star,
body.manga-page .profile-manga .tab-summary .post-rating .user-rating i.ion-ios-star {
  color: var(--primary-color) !important;
}

body.page .page-content-listing .page-listing-item .page-item-detail .item-summary .rating .score {
  color: var(--fw-text);
}

/* Big thumbnail / Image hover */
.c-image-hover {
  border-radius: var(--fw-radius);
  overflow: hidden;
}

.c-image-hover img {
  transition: transform 0.4s ease;
}

.c-image-hover:hover img {
  transform: scale(1.05);
}

/* Manga title badges */
.manga-title-badges {
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 0.3px;
  font-size: 10px;
}

.manga-title-badges.hot { background-color: var(--fw-hot); }
.manga-title-badges.new { background-color: var(--fw-new); }
.manga-title-badges.custom { background-color: var(--primary-color); }

.item-thumb .manga-title-badges.badge-triangle.hot,
.slider__thumb_item .manga-title-badges.badge-triangle.hot {
  background: linear-gradient(135deg, var(--fw-hot), var(--fw-hot) 50%, transparent 0, transparent);
}

.item-thumb .manga-title-badges.badge-triangle.new,
.slider__thumb_item .manga-title-badges.badge-triangle.new {
  background: linear-gradient(135deg, var(--fw-new), var(--fw-new) 50%, transparent 0, transparent);
}

/* ------------------------------------------------------------------
   6. MANGA SINGLE / DETAIL PAGE — FIX BOOKMARK & GENRES
   ------------------------------------------------------------------ */

/* Summary image — remove ugly white box from parent theme */
body.manga-page .profile-manga .tab-summary .summary_image {
  border-radius: var(--fw-radius);
  overflow: hidden;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

body.manga-page .profile-manga .tab-summary .summary_image img {
  border-radius: var(--fw-radius);
  width: 100%;
  display: block;
}

/* Fix manga title visibility in light mode */
body.manga-page .profile-manga .post-title h1,
body.manga-page .profile-manga .post-title h3 {
  color: var(--fw-text) !important;
  font-weight: 700;
  font-size: 22px;
  text-shadow: none;
}

/* Summary content area */
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content {
  background-color: var(--fw-card);
  border-radius: var(--fw-radius);
  padding: 25px 30px 30px;
  border: 1px solid var(--fw-border);
  box-shadow: 0 2px 12px var(--fw-shadow);
}

body.manga-page .profile-manga .post-title a {
  color: var(--primary-color);
}

body.manga-page .profile-manga .post-title a:hover {
  color: var(--secondary-color);
}

/* Summary headings */
body.manga-page .profile-manga .tab-summary .post-content_item .summary-heading h5,
body.manga-page .profile-manga .post-status .post-content_item .summary-heading h5 {
  color: var(--fw-text);
  font-weight: 700;
}

/* Summary content links */
body.manga-page .profile-manga .tab-summary .post-content_item .summary-content a,
body.manga-page .profile-manga .post-status .post-content_item .summary-content a {
  color: var(--primary-color);
}

/* FIX: Genre tags — remove line-clamp so ALL genres show */
body.manga-page .profile-manga .tab-summary .post-content_item .summary-content .genres-content,
body.manga-page .profile-manga .post-status .post-content_item .summary-content .genres-content {
  display: flex !important;
  flex-wrap: wrap !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
  max-height: none !important;
  gap: 4px;
}

/* Also fix artist and author display */
body.manga-page .profile-manga .tab-summary .post-content_item .summary-content .artist-content,
body.manga-page .profile-manga .post-status .post-content_item .summary-content .artist-content,
body.manga-page .profile-manga .tab-summary .post-content_item .summary-content .author-content,
body.manga-page .profile-manga .post-status .post-content_item .summary-content .author-content {
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  max-height: none !important;
}

/* Genre tags - pill style */
.genres-content a,
.wp-manga-tags-list a,
.item-tags a {
  background-color: rgba(212, 168, 83, 0.1);
  color: var(--primary-color) !important;
  border: 1px solid rgba(212, 168, 83, 0.3);
  border-radius: 20px;
  padding: 4px 14px;
  display: inline-block;
  margin: 3px 4px 3px 0;
  font-weight: 600;
  font-size: 12px;
  transition: all var(--fw-transition);
  line-height: 1.4;
}

.genres-content a:hover,
.wp-manga-tags-list a:hover,
.item-tags a:hover {
  background-color: var(--primary-color);
  color: #fff !important;
  border-color: var(--primary-color);
}

/* FIX: Bookmark and Comment action icons */
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action {
  padding-top: 20px;
  margin: 0;
}

body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment,
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .add-bookmark {
  width: 50%;
  float: left;
  padding: 0 10px;
  text-align: center;
}

body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment {
  border-right: 1px solid var(--fw-border);
}

/* Action icon styling — make them look like proper buttons */
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment .action_icon a i,
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .add-bookmark .action_icon a i,
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment .action_detail a i,
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .add-bookmark .action_detail a i {
  font-size: 32px;
  color: var(--primary-color);
  transition: color var(--fw-transition);
}

body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment:hover .action_icon a i,
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .add-bookmark:hover .action_icon a i {
  color: var(--secondary-color);
}

body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .action_detail {
  font-size: 12px;
  color: var(--fw-text-secondary);
  margin-top: 4px;
}

/* Layout 2 bookmark fix */
body.manga-page .profile-manga.summary-layout-2 .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment,
body.manga-page .profile-manga.summary-layout-2 .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .add-bookmark {
  width: auto;
  padding: 0 15px;
  float: left;
  border-right: 1px solid var(--fw-border);
}

body.manga-page .profile-manga.summary-layout-2 .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .add-bookmark {
  border-right: none;
}

/* Rating on detail page */
body.manga-page .profile-manga .tab-summary .post-rating span {
  color: var(--fw-text);
  font-weight: 700;
}

/* Read First / Read Last buttons */
#init-links {
  margin-top: 15px;
}

/* Description area */
.description-summary .summary__content,
.manga-excerpt.summary__content {
  color: var(--fw-text-secondary);
  line-height: 1.8;
}

/* Chapter list on detail page */
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul > li {
  border-bottom: 1px solid var(--fw-border);
  transition: background-color var(--fw-transition);
}

body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul > li:hover {
  background-color: rgba(212, 168, 83, 0.04);
}

body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul > li a {
  color: var(--fw-text);
}

body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul > li a:hover {
  color: var(--primary-color);
}

.wp-manga-chapter {
  border-bottom-color: var(--fw-border);
  transition: background-color var(--fw-transition);
}

.wp-manga-chapter:hover {
  background-color: rgba(212, 168, 83, 0.04);
}

.wp-manga-chapter a { color: var(--fw-text); }
.wp-manga-chapter a:hover { color: var(--primary-color); }

/* ------------------------------------------------------------------
   7. READING PAGE
   ------------------------------------------------------------------ */

body.page.reading-manga .reading-content {
  background-color: var(--fw-card);
}

.select-convert,
.entry-header_wrap .c-breadcrumb {
  background-color: var(--fw-card);
}

.nav-links .btn,
.entry-header_wrap .nav-links a,
.select-pagination .nav-links a {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border: none;
  border-radius: var(--fw-radius-sm);
  transition: all var(--fw-transition);
  font-weight: 600;
}

.nav-links .btn:hover,
.entry-header_wrap .nav-links a:hover,
.select-pagination .nav-links a:hover {
  background-color: var(--secondary-color) !important;
}

.single-chapter-select,
#chapter-heading select {
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius-sm);
  background-color: var(--fw-card);
  color: var(--fw-text);
}

/* ------------------------------------------------------------------
   8. SIDEBAR & WIDGETS — FIX SEARCH WIDGET
   ------------------------------------------------------------------ */

.c-sidebar {
  background-color: transparent;
}

.widget {
  background-color: var(--fw-card);
  border-radius: var(--fw-radius);
  box-shadow: 0 2px 12px var(--fw-shadow);
  padding: 20px;
  margin-bottom: 25px;
  border: 1px solid var(--fw-border);
}

.widget h4.widget-title {
  color: var(--fw-text);
  border-bottom: none;
  padding-bottom: 12px;
  margin-bottom: 15px;
  border-left: 3px solid var(--primary-color);
  padding-left: 12px;
  font-size: 16px;
}

.widget-title .heading {
  color: var(--fw-text);
}

/* FIX: Search widget — proper styling */
.widget.widget_search {
  padding: 15px;
}

.widget.widget_search .search-form {
  position: relative;
}

.widget.widget_search input[type="search"] {
  width: 100%;
  height: 42px;
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius-sm);
  padding: 0 45px 0 15px;
  background-color: var(--fw-bg);
  font-size: 14px;
  color: var(--fw-text);
}

.widget.widget_search input[type="search"]:hover,
.widget.widget_search input[type="search"]:focus {
  border-color: var(--primary-color);
  background-color: var(--fw-card);
}

.widget.widget_search input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  background-color: transparent;
  border: none;
  padding: 10px 15px;
  border-left: 1px solid var(--fw-border);
  border-radius: 0 var(--fw-radius-sm) var(--fw-radius-sm) 0;
  height: 42px;
  cursor: pointer;
}

.widget.widget_search label:after {
  color: var(--primary-color);
}

/* FIX: Sidebar search widget — hide search box, show only icon + Advanced link */
.search-navigation.search-sidebar .widget {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
}

.search-navigation.search-sidebar .main-menu-search {
  display: none !important;
}

.search-navigation.search-sidebar .link-adv-search {
  text-align: center;
}

.search-navigation.search-sidebar .link-adv-search a {
  color: var(--primary-color) !important;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  transition: opacity var(--fw-transition);
}

.search-navigation.search-sidebar .link-adv-search a::before {
  content: "\f4a5";
  font-family: "Ionicons";
  font-size: 18px;
}

.search-navigation.search-sidebar .link-adv-search a:hover {
  opacity: 0.8;
}

/* FIX: Search form in header — the weird floating search icon */
.site-header .main-navigation .search-navigation .menu-search .search-main-menu form {
  width: 280px;
}

.site-header .main-navigation .search-navigation .menu-search .search-main-menu form input[type="text"] {
  background-color: var(--fw-bg) !important;
  border: 1px solid var(--fw-border) !important;
  border-radius: var(--fw-radius-sm) !important;
  color: var(--fw-text) !important;
  height: 38px;
}

.site-header .main-navigation .search-navigation .menu-search .search-main-menu form input[type=submit] {
  background-color: transparent;
  border: none;
  border-left: 1px solid var(--fw-border);
}

/* Popular widget items */
.widget.c-popular .popular-item-wrap {
  border-bottom-color: var(--fw-border);
  transition: background-color var(--fw-transition);
  border-radius: var(--fw-radius-sm);
  padding: 8px;
  margin: 0 -8px;
}

.widget.c-popular .popular-item-wrap:hover {
  background-color: rgba(212, 168, 83, 0.04);
}

.widget.c-popular .popular-item-wrap .popular-img {
  border-radius: var(--fw-radius-sm);
  overflow: hidden;
}

/* Tag cloud */
.widget.widget_tag_cloud .tag-cloud-link {
  background-color: rgba(212, 168, 83, 0.08);
  color: var(--fw-text-secondary) !important;
  border: 1px solid var(--fw-border);
  border-radius: 20px;
  transition: all var(--fw-transition);
}

.widget.widget_tag_cloud .tag-cloud-link:hover {
  background-color: var(--primary-color);
  color: #fff !important;
  border-color: var(--primary-color);
}

/* ------------------------------------------------------------------
   9. SEARCH PAGE
   ------------------------------------------------------------------ */

/* Search page — hide the search input box, keep only icon + Advanced */
.c-search-header__wrapper {
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  overflow: visible;
  padding: 15px 0 25px;
}

/* Hide the entire search form (input box + icon) */
.c-search-header__wrapper .search-content .search-form {
  display: none !important;
}

/* Show only the Advanced button — override parent dynamic CSS (custom.css.php line 194 sets color:#FFF) */
body .c-search-header__wrapper .search-content .btn-search-adv {
  border-radius: var(--fw-radius-sm);
  transition: all var(--fw-transition);
  border: 3px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  background-color: transparent !important;
  font-weight: 600;
  padding: 12px 24px;
  float: none;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}

body .c-search-header__wrapper .search-content .btn-search-adv:hover {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
}

body .c-search-header__wrapper .search-content .btn-search-adv.collapsed {
  border-color: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Make sure the icon and label are visible */
body .c-search-header__wrapper .search-content .btn-search-adv .label {
  display: inline !important;
  color: inherit !important;
}

body .c-search-header__wrapper .search-content .btn-search-adv .icon-search-adv {
  display: inline-block !important;
}

/* Search results */
body.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-summary .post-content {
  background-color: rgba(212, 168, 83, 0.04);
  border-radius: var(--fw-radius-sm);
}

body.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-meta .latest-chap .chapter {
  background-color: rgba(212, 168, 83, 0.1);
  border-radius: 20px;
}

body.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-meta .latest-chap .chapter:hover {
  background-color: var(--primary-color);
}

/* ------------------------------------------------------------------
   10. HOVER DETAILS MODAL
   ------------------------------------------------------------------ */

#hover-infor {
  background-color: var(--fw-card);
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius);
  box-shadow: 0 8px 32px var(--fw-shadow-hover);
}

#hover-infor .item_thumb .post-title a { color: var(--fw-text); }
#hover-infor .item_thumb .post-title a:hover { color: var(--primary-color); }

/* ------------------------------------------------------------------
   11. FOOTER
   ------------------------------------------------------------------ */

.site-footer {
  background-color: var(--fw-text);
  border-bottom: none;
  border-top: none;
}

.site-footer .top-footer {
  border-bottom: 1px solid rgba(232, 223, 211, 0.15);
}

.site-footer .wrap_social_account a {
  color: rgba(232, 223, 211, 0.6);
  transition: color var(--fw-transition);
}

.site-footer .wrap_social_account a:hover {
  color: var(--primary-color);
}

.c-footer-sidebar {
  border-bottom: 1px solid rgba(232, 223, 211, 0.1);
}

.c-footer-sidebar .widget {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: rgba(232, 223, 211, 0.7);
}

.c-footer-sidebar .widget h4.widget-title {
  color: var(--fw-bg);
  border-left-color: var(--primary-color);
}

.c-footer-sidebar .widget a {
  color: rgba(232, 223, 211, 0.7);
}

.c-footer-sidebar .widget a:hover {
  color: var(--primary-color);
}

.site-footer .bottom-footer {
  background-color: rgba(0, 0, 0, 0.15);
}

.site-footer .bottom-footer .copyright p {
  color: rgba(232, 223, 211, 0.5);
}

.site-footer .bottom-footer .nav-footer ul li a {
  color: rgba(232, 223, 211, 0.6);
  transition: color var(--fw-transition);
}

.site-footer .bottom-footer .nav-footer ul li a:hover {
  color: var(--primary-color);
}

.site-footer .bottom-footer .nav-footer ul li + li {
  border-left-color: rgba(232, 223, 211, 0.15);
}

/* ------------------------------------------------------------------
   12. BREADCRUMB
   ------------------------------------------------------------------ */

.c-breadcrumb .breadcrumb li a { color: var(--fw-text-secondary); }
.c-breadcrumb .breadcrumb li a:hover { color: var(--primary-color); }
.c-breadcrumb .breadcrumb li.active { color: var(--primary-color); }

/* ------------------------------------------------------------------
   13. PAGINATION
   ------------------------------------------------------------------ */

.paging-navigation .page-numbers {
  border-radius: var(--fw-radius-sm);
  transition: all var(--fw-transition);
}

.paging-navigation .page-numbers.current,
.paging-navigation .page-numbers:hover {
  background-color: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

.wp-pagenavi span.current {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
  border-radius: var(--fw-radius-sm);
}

.wp-pagenavi a {
  border-radius: var(--fw-radius-sm);
  transition: all var(--fw-transition);
}

.wp-pagenavi a:hover {
  background-color: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

/* ------------------------------------------------------------------
   14. LOADING ANIMATIONS
   ------------------------------------------------------------------ */

.loader-inner div {
  background-color: var(--primary-color) !important;
}

/* ------------------------------------------------------------------
   15. SLIDER / CAROUSEL
   ------------------------------------------------------------------ */

.slider__container .slider__thumb_item {
  border-radius: var(--fw-radius);
  overflow: hidden;
}

.slick-prev,
.slick-next {
  background-color: var(--primary-color) !important;
  border-radius: 50%;
  transition: background-color var(--fw-transition);
}

.slick-prev:hover,
.slick-next:hover {
  background-color: var(--secondary-color) !important;
}

.slick-dots li.slick-active button:before {
  color: var(--primary-color) !important;
}

/* ------------------------------------------------------------------
   16. COMMENTS
   ------------------------------------------------------------------ */

.comments-area {
  background-color: var(--fw-card);
  border-radius: var(--fw-radius);
  padding: 25px;
  box-shadow: 0 2px 12px var(--fw-shadow);
  border: 1px solid var(--fw-border);
}

.comments-area .comment-list .comment {
  border-bottom-color: var(--fw-border);
}

.comments-area .comment-respond .form-submit input[type="submit"] {
  background-color: var(--primary-color);
  border: none;
  color: #fff;
  border-radius: var(--fw-radius-sm);
  font-weight: 700;
  padding: 10px 30px;
  transition: all var(--fw-transition);
}

.comments-area .comment-respond .form-submit input[type="submit"]:hover {
  background-color: var(--secondary-color);
}

/* ------------------------------------------------------------------
   17. MANGA FILTER
   ------------------------------------------------------------------ */

/* Genre filter buttons on All Series page */
.manga-filter .genres-list a,
.manga-filter .c-search__genres a {
  border-radius: 20px;
  transition: all var(--fw-transition);
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.manga-filter .genres-list a.active,
.manga-filter .genres-list a:hover,
.manga-filter .c-search__genres a.active,
.manga-filter .c-search__genres a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

/* Genre wrap heading & buttons on listing pages */
.genres_wrap a.btn-genres {
  border-color: var(--primary-color);
  color: var(--primary-color);
  border-radius: 20px;
  transition: all var(--fw-transition);
}

.genres_wrap a.btn-genres:hover,
.genres_wrap a.btn-genres.active {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

/* Genre collapse list links */
.genres_wrap .genres__collapse .genres ul li a {
  color: var(--fw-text-secondary);
  transition: all var(--fw-transition);
}

.genres_wrap .genres__collapse .genres ul li a:hover {
  color: var(--primary-color);
}

.genres_wrap .genres__collapse .genres ul li a:before {
  color: var(--fw-text-secondary);
}

.genres_wrap .genres__collapse .genres ul li a:hover:before {
  color: var(--primary-color);
}

/* Search advanced form labels in light mode */
.c-search-header__wrapper #search-advanced .search-advanced-form .form-group .checkbox-inline label,
.c-search-header__wrapper #search-advanced .search-advanced-form .form-group.checkbox-group .checkbox label,
.c-search-header__wrapper #search-advanced .search-advanced-form .form-group:not(.checkbox-group) span {
  color: var(--fw-text);
}

/* ------------------------------------------------------------------
   18. USER SETTINGS PAGE
   ------------------------------------------------------------------ */

.settings-page {
  background-color: var(--fw-card);
  border-radius: var(--fw-radius);
  box-shadow: 0 2px 12px var(--fw-shadow);
  border: 1px solid var(--fw-border);
}

.settings-page .nav-tabs > li.active > a,
.settings-page .nav-tabs > li.active > a:hover {
  border-bottom-color: var(--primary-color);
  color: var(--primary-color);
}

/* Checkbox override */
input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
  color: var(--primary-color);
}

/* ------------------------------------------------------------------
   19. MISCELLANEOUS
   ------------------------------------------------------------------ */

.c-sidebar.c-bottom-sidebar {
  background-color: var(--fw-bg);
}

body.page .related-post .related__container .related__item .related__thumb .related__thumb_item {
  border-radius: var(--fw-radius);
  overflow: hidden;
}

blockquote {
  border-left-color: var(--primary-color);
}

.reading-progress-bar {
  background-color: var(--primary-color) !important;
}

.back-to-top,
.go-to-top {
  background-color: var(--primary-color);
  border-radius: 50%;
  transition: all var(--fw-transition);
}

.back-to-top:hover,
.go-to-top:hover {
  background-color: var(--secondary-color);
}

.error-404 .page-header .page-title {
  color: var(--primary-color);
}

/* ------------------------------------------------------------------
   20. DARK MODE — text-ui-light (COMPLETE OVERRIDE)
   ------------------------------------------------------------------ */

/* Dark mode variables */
body.text-ui-light {
  --fw-bg: #1a1a1e;
  --fw-card: #242428;
  --fw-text: #e8e0d4;
  --fw-text-secondary: #a09890;
  --fw-border: #3a3836;
  --fw-shadow: rgba(0, 0, 0, 0.3);
  --fw-shadow-hover: rgba(0, 0, 0, 0.45);
}

/* Body */
body.text-ui-light {
  color: #a09890;
  background-color: #1a1a1e;
}

body.text-ui-light .body-wrap {
  background-color: #1a1a1e;
}

body.text-ui-light .wrap {
  background-color: #1a1a1e;
}

/* Text colors */
body.text-ui-light a:not(:hover) {
  color: #c8c0b4;
}

body.text-ui-light .summary-content,
body.text-ui-light .profile-manga .action_detail {
  color: #a09890;
}

body.text-ui-light h1,
body.text-ui-light h2,
body.text-ui-light h3,
body.text-ui-light h4,
body.text-ui-light h5,
body.text-ui-light h6,
body.text-ui-light .h1,
body.text-ui-light .h2,
body.text-ui-light .h3,
body.text-ui-light .h4,
body.text-ui-light .h5,
body.text-ui-light .h6 {
  color: #e8e0d4;
}

body.text-ui-light .font-title a {
  color: #e8e0d4;
}

/* Header */
body.text-ui-light .site-header .main-navigation {
  background: #242428 !important;
  border-bottom-color: #3a3836;
}

body.text-ui-light .site-header .main-navigation .main-menu ul li a {
  color: #c8c0b4;
}

body.text-ui-light .site-header .main-navigation .main-menu ul li:hover > a {
  color: var(--primary-color);
}

body.text-ui-light .site-header .c-header__top {
  background-color: #1a1a1e;
}

body.text-ui-light .site-header .c-header__top .search-main-menu {
  background-color: #1a1a1e;
}

body.text-ui-light .site-header .c-sub-header-nav {
  background-color: #1e1e22;
  border-bottom-color: #3a3836;
}

body.text-ui-light .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li a {
  color: #a09890;
}

/* Dropdowns in dark mode */
body.text-ui-light .site-header .main-navigation .main-menu ul ul.children,
body.text-ui-light .site-header .main-navigation .main-menu ul ul.sub-menu {
  background-color: #2a2a2e;
  border-color: #3a3836;
}

body.text-ui-light .site-header .main-navigation .main-menu ul ul.children > li > a,
body.text-ui-light .site-header .main-navigation .main-menu ul ul.sub-menu > li > a {
  color: #a09890;
}

body.text-ui-light .site-header .main-navigation .main-menu ul ul.children > li:hover > a,
body.text-ui-light .site-header .main-navigation .main-menu ul ul.sub-menu > li:hover > a {
  color: var(--primary-color);
  background-color: rgba(212, 168, 83, 0.08);
}

/* Sub nav dropdown dark */
body.text-ui-light .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu {
  background-color: #2a2a2e;
  border-color: #3a3836;
}

/* Inputs dark mode */
body.text-ui-light input:not([type]),
body.text-ui-light input[type="color"],
body.text-ui-light input[type="email"],
body.text-ui-light input[type="number"],
body.text-ui-light input[type="password"],
body.text-ui-light input[type="tel"],
body.text-ui-light input[type="url"],
body.text-ui-light input[type="text"],
body.text-ui-light input[type="search"],
body.text-ui-light textarea,
body.text-ui-light select {
  background-color: #2a2a2e;
  color: #e8e0d4;
  border-color: #3a3836;
}

body.text-ui-light select option {
  background-color: #2a2a2e;
  color: #e8e0d4;
}

/* Widgets dark mode */
body.text-ui-light .widget {
  background-color: #242428;
  border-color: #3a3836;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

body.text-ui-light .widget h4.widget-title {
  color: #e8e0d4;
}

body.text-ui-light .widget.c-popular .popular-item-wrap {
  border-bottom-color: #3a3836;
}

body.text-ui-light .widget.widget_tag_cloud .tag-cloud-link:not(:hover) {
  color: #a09890 !important;
  background-color: rgba(212, 168, 83, 0.08);
  border-color: #3a3836;
}

body.text-ui-light .widget:not(.default):not(.background) > .c-widget-wrap,
body.text-ui-light .widget.c-popular .popular-item-wrap {
  border-color: #3a3836;
}

/* Search widget dark mode */
body.text-ui-light .widget.widget_search input[type="search"] {
  background-color: #1a1a1e;
  border-color: #3a3836;
  color: #e8e0d4;
}

body.text-ui-light #main-sidebar .search-main-menu form input[type="text"],
body.text-ui-light #main-sidebar .widget.widget_search input[type="search"] {
  border-color: #3a3836;
}

/* Manga detail page dark mode */
body.text-ui-light.manga-page .profile-manga .tab-summary .summary_image {
  background-color: transparent !important;
}

body.text-ui-light.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content {
  background-color: #242428;
  border-color: #3a3836;
  color: #a09890;
}

body.text-ui-light.manga-page .profile-manga .post-title h1,
body.text-ui-light.manga-page .profile-manga .post-title h3 {
  color: #e8e0d4 !important;
}

body.text-ui-light.manga-page .profile-manga .tab-summary .post-rating span {
  color: #e8e0d4;
}

body.text-ui-light.manga-page .profile-manga .tab-summary .post-content_item .summary-heading h5,
body.text-ui-light.manga-page .profile-manga .post-status .post-content_item .summary-heading h5 {
  color: #c8c0b4;
}

/* Genre tags dark mode */
body.text-ui-light .genres-content a,
body.text-ui-light .wp-manga-tags-list a {
  background-color: rgba(212, 168, 83, 0.12);
  border-color: rgba(212, 168, 83, 0.25);
  color: var(--primary-color) !important;
}

body.text-ui-light .genres-content a:hover,
body.text-ui-light .wp-manga-tags-list a:hover {
  background-color: var(--primary-color);
  color: #fff !important;
}

/* Chapter list dark mode */
body.text-ui-light .wp-manga-chapter,
body.text-ui-light.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul > li {
  border-bottom-color: #3a3836;
}

body.text-ui-light .wp-manga-chapter a,
body.text-ui-light.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul > li a {
  color: #c8c0b4;
}

body.text-ui-light .wp-manga-chapter a:hover,
body.text-ui-light.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul > li a:hover {
  color: var(--primary-color);
}

/* Archive cards dark mode */
body.text-ui-light.page .page-content-listing .page-listing-item {
  border-bottom-color: #3a3836;
}

body.text-ui-light.page .page-content-listing .page-listing-item .page-item-detail {
  background-color: #242428;
  border-color: #3a3836;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

body.text-ui-light .page-item-detail .item-summary .post-title h3 a,
body.text-ui-light .page-item-detail .item-summary .post-title h5 a {
  color: #e8e0d4;
}

body.text-ui-light.page .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter {
  background-color: rgba(212, 168, 83, 0.12);
}

body.text-ui-light.page .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item .chapter a {
  color: #a09890;
}

body.text-ui-light.page .page-content-listing .page-listing-item .page-item-detail .item-summary .list-chapter .chapter-item a,
body.text-ui-light.page .page-content-listing .page-listing-item .page-item-detail .item-summary .rating .score {
  color: #c8c0b4;
}

/* Action icons dark mode */
body.text-ui-light.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .count-comment {
  border-right-color: #3a3836;
}

body.text-ui-light.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status .manga-action .action_detail {
  color: #a09890;
}

/* Description dark mode */
body.text-ui-light .description-summary .summary__content,
body.text-ui-light .manga-excerpt.summary__content {
  color: #a09890;
}

body.text-ui-light.manga-page .summary__content:after,
body.text-ui-light.manga-page .version-chap:after {
  background: linear-gradient(to bottom, rgba(36, 36, 40, 0), #242428);
}

body.text-ui-light.manga-page .content-readmore,
body.text-ui-light.manga-page .chapter-readmore {
  color: var(--primary-color);
}

/* Search page dark mode */
body.text-ui-light .c-search-header__wrapper {
  background-color: transparent !important;
  border: none !important;
}

body.text-ui-light .c-search-header__wrapper .search-content .btn-search-adv:not(.collapsed):not(:hover) {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
  background-color: transparent !important;
}

body.text-ui-light .c-search-header__wrapper .search-content .btn-search-adv.collapsed {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

body.text-ui-light.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-summary .post-content {
  background-color: rgba(255, 255, 255, 0.05);
}

body.text-ui-light.search .search-wrap .tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-summary .post-content .post-content_item .summary-heading h5 {
  color: #c8c0b4;
}

/* Buttons dark mode */
body.text-ui-light .c-btn.c-btn_style-3 {
  color: #e8e0d4;
  border-color: #e8e0d4;
}

body.text-ui-light .c-btn.c-btn_style-3:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

/* Footer dark mode */
body.text-ui-light .site-footer {
  background-color: #141416;
  border-bottom: none;
  border-top: none;
}

body.text-ui-light .site-footer .bottom-footer .nav-footer ul li + li {
  border-left-color: #3a3836;
}

/* Heading icon dark mode */
body.text-ui-light .c-blog__heading.style-1 {
  border-bottom-color: #3a3836;
}

body.text-ui-light .c-blog__heading.style-2 {
  border-bottom-color: #3a3836;
}

/* Tabs dark mode */
body.text-ui-light .tab-wrap .c-nav-tabs ul.c-tabs-content li a {
  color: #a09890;
}

body.text-ui-light .tab-wrap .c-nav-tabs ul.c-tabs-content li.active a,
body.text-ui-light .tab-wrap .c-nav-tabs ul.c-tabs-content li:hover a {
  color: var(--primary-color);
}

/* Comments dark mode */
body.text-ui-light .comments-area {
  background-color: #242428;
  border-color: #3a3836;
}

body.text-ui-light .comments-area .comment-list .comment {
  border-bottom-color: #3a3836;
}

/* Settings page dark mode */
body.text-ui-light .settings-page {
  background-color: #242428;
  border-color: #3a3836;
}

/* Hover details dark mode */
body.text-ui-light #hover-infor {
  background-color: #2a2a2e;
  border-color: #3a3836;
}

/* Sidebar dark mode */
body.text-ui-light .c-sidebar.c-bottom-sidebar {
  background-color: #1a1a1e;
  border-top: none;
}

/* Off canvas dark mode */
body.text-ui-light .off-canvas {
  background-color: #242428 !important;
}

body.text-ui-light .off-canvas .canvas-menu li a {
  color: #c8c0b4;
  border-bottom-color: #3a3836;
}

/* Popular slider dark mode */
body.text-ui-light .popular-slider .slider__container .slick-arrow {
  background-color: #2a2a2e;
}

body.text-ui-light .popular-slider .slider__container .slider__item .item__wrap {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Pagenavi dark mode */
body.text-ui-light .wp-pagenavi span,
body.text-ui-light .wp-pagenavi a {
  border-color: #3a3836;
  color: #a09890;
}

body.text-ui-light .wp-pagenavi span.current {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
}

body.text-ui-light .wp-pagenavi a:hover {
  background-color: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

/* Navigation ajax dark mode */
body.text-ui-light .navigation-ajax .load-ajax:not(:hover) {
  color: #a09890;
}

/* Manga filter dark mode */
body.text-ui-light #manga-filte-alphabeta-bar a {
  background-color: #2a2a2e;
  color: #a09890;
}

body.text-ui-light .genres_wrap a.btn-genres {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

body.text-ui-light .genres_wrap .genres__collapse .genres ul li a {
  color: #a09890;
}

body.text-ui-light .genres_wrap .genres__collapse .genres ul li a:before {
  color: #a09890;
}

body.text-ui-light .c-search-header__wrapper #search-advanced .search-advanced-form .form-group .checkbox-inline label,
body.text-ui-light .c-search-header__wrapper #search-advanced .search-advanced-form .form-group.checkbox-group .checkbox label,
body.text-ui-light .c-search-header__wrapper #search-advanced .search-advanced-form .form-group:not(.checkbox-group) span {
  color: #c8c0b4;
}

/* ------------------------------------------------------------------
   21. RESPONSIVE ADJUSTMENTS
   ------------------------------------------------------------------ */

@media (max-width: 992px) {
  body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content {
    padding: 20px 15px 15px;
  }

  body.manga-page .profile-manga .tab-summary .summary_image {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
}

@media (max-width: 768px) {
  .site-header .main-navigation .main-navigation_wrap {
    padding: 10px 0;
  }

  .widget {
    margin-bottom: 20px;
  }

  body.page .page-content-listing .page-listing-item .page-item-detail {
    padding: 10px;
    border-radius: var(--fw-radius-sm);
  }

  /* Archive grid fix for mobile */
  body.page .page-content-listing .page-listing-item .row > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  body.manga-page .profile-manga .tab-summary .summary_image {
    background: transparent !important;
    padding: 0 !important;
  }

  body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content {
    padding: 15px 10px 10px;
  }
}

@media (max-width: 480px) {
  .site-header .main-navigation .main-navigation_wrap {
    padding: 8px 0;
  }

  body.page .page-content-listing .page-listing-item .page-item-detail {
    padding: 8px;
  }

  body.page .page-content-listing .page-listing-item .row .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* ==================================================================
   FLASH WORLD — Logo Tagline
   ================================================================== */
.wrap_branding {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.fw-logo-tagline {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--fw-text-secondary);
  letter-spacing: 0.3px;
  margin-top: 2px;
  font-style: italic;
  opacity: 0.85;
}

/* ==================================================================
   FLASH WORLD — Hero Slider
   ================================================================== */
.fw-hero-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 var(--fw-radius) var(--fw-radius);
  margin-bottom: 36px;
}
.fw-hero-slide {
  display: none;
  position: relative;
  min-height: 340px;
}
.fw-hero-slide.active {
  display: block;
  animation: fwFadeIn 0.5s ease;
}
@keyframes fwFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.fw-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: blur(20px) brightness(0.35);
  transform: scale(1.15);
  z-index: 0;
}
.fw-hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 40px 48px;
  max-width: 1200px;
  margin: 0 auto;
}
.fw-hero-cover {
  flex-shrink: 0;
  width: 180px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}
.fw-hero-cover img {
  width: 100%;
  height: auto;
  display: block;
}
.fw-hero-details {
  flex: 1;
  color: #fff;
  min-width: 0;
}
.fw-hero-badge {
  display: inline-block;
  background: #e53935;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 4px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.fw-hero-title {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 12px;
  line-height: 1.2;
}
.fw-hero-genres {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}
.fw-hero-genre {
  display: inline-block;
  background: rgba(255,255,255,0.15);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.2);
}
.fw-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
  font-size: 14px;
  color: rgba(255,255,255,0.85);
}
.fw-hero-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.fw-hero-meta-item i {
  font-size: 16px;
  color: var(--primary-color);
}
.fw-hero-actions {
  display: flex;
  gap: 12px;
}
.fw-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 8px;
  text-decoration: none !important;
  transition: all 200ms ease;
  cursor: pointer;
}
.fw-btn-outline {
  background: var(--primary-color);
  color: #fff !important;
  border: 2px solid var(--primary-color);
}
.fw-btn-outline:hover {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
}
.fw-btn-ghost {
  background: transparent;
  color: #fff !important;
  border: 2px solid rgba(255,255,255,0.4);
}
.fw-btn-ghost:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.6);
}

/* Slider dots */
.fw-hero-dots {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 2;
}
.fw-hero-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.5);
  background: transparent;
  cursor: pointer;
  padding: 0;
  transition: all 200ms ease;
}
.fw-hero-dot.active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  transform: scale(1.2);
}

/* ==================================================================
   FLASH WORLD — Our Collection
   ================================================================== */
.fw-collection {
  margin-bottom: 36px;
  padding: 0 15px;
}
.fw-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.fw-section-heading h2 {
  font-size: 22px;
  font-weight: 800;
  color: var(--fw-text);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.fw-section-heading h2 i {
  color: var(--primary-color);
}
.fw-browse-all {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-color) !important;
  text-decoration: none !important;
  transition: opacity 200ms ease;
}
.fw-browse-all:hover {
  opacity: 0.75;
}

.fw-collection-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}
.fw-collection-card {
  display: block;
  background: var(--fw-card);
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius);
  overflow: hidden;
  text-decoration: none !important;
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.fw-collection-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px var(--fw-shadow-hover);
}
.fw-collection-card-cover {
  position: relative;
  aspect-ratio: 2/3;
  overflow: hidden;
  background: #f5f0e8;
}
.fw-collection-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fw-card-status {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #2e7d32;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  letter-spacing: 0.4px;
}
.fw-card-rating {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0,0,0,0.6);
  color: #ffc107;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.fw-card-rating i {
  font-size: 12px;
}

.fw-collection-card-body {
  padding: 14px;
}
.fw-collection-card-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--fw-text);
  margin: 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fw-collection-card-genres {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.fw-genre-tag {
  font-size: 11px;
  font-weight: 600;
  color: var(--fw-text-secondary);
  background: var(--fw-bg);
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid var(--fw-border);
}
.fw-collection-card-meta {
  display: flex;
  gap: 14px;
  font-size: 12px;
  color: var(--fw-text-secondary);
}
.fw-collection-card-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.fw-collection-card-meta i {
  font-size: 14px;
}

/* ==================================================================
   FLASH WORLD — Hide Default Madara Homepage Content
   ================================================================== */
body.home .main-col-inner > .c-blog-listing,
body.home .main-col-inner > .page-content-listing,
body.home .main-col-inner > .c-page__content,
body.home .main-col-inner > .archive-heading,
body.home .main-col-inner > .heading-default,
body.home .main-col-inner > .tab-wrap,
body.home .main-col-inner > .entry-content,
body.home .main-col-inner > .c-blog__heading,
body.home .sidebar-col {
  display: none !important;
}
/* Make main col full width since sidebar is hidden */
body.home .main-col {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* ==================================================================
   FLASH WORLD — Latest Releases (full-width table)
   ================================================================== */
.fw-latest-releases {
  margin-bottom: 36px;
  padding: 0 15px;
}
.fw-releases-table {
  background: var(--fw-card);
  border: 1px solid var(--fw-border);
  border-radius: var(--fw-radius);
  overflow: hidden;
}
.fw-release-row {
  display: grid;
  grid-template-columns: 42px 1.5fr 1fr 1fr 1fr;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--fw-border);
  transition: background 200ms ease;
}
.fw-release-row:last-child {
  border-bottom: none;
}
.fw-release-row:hover {
  background: rgba(212, 168, 83, 0.04);
}
.fw-release-thumb {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
.fw-release-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fw-release-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--fw-text) !important;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fw-release-title:hover {
  color: var(--primary-color) !important;
}
.fw-release-chapter {
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-color) !important;
  text-decoration: none !important;
}
.fw-release-chapter:hover {
  text-decoration: underline !important;
}
.fw-release-author {
  font-size: 13px;
  color: var(--fw-text-secondary);
}
.fw-release-date {
  font-size: 12px;
  color: var(--fw-text-secondary);
  text-align: right;
}
.fw-release-type {
  color: var(--fw-text-secondary);
  opacity: 0.7;
}

/* ==================================================================
   FLASH WORLD — Responsive
   ================================================================== */
@media (max-width: 1100px) {
  .fw-collection-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .fw-hero-inner {
    flex-direction: column;
    text-align: center;
    padding: 32px 24px;
    gap: 20px;
  }
  .fw-hero-cover {
    width: 140px;
  }
  .fw-hero-title {
    font-size: 22px;
  }
  .fw-hero-genres,
  .fw-hero-meta,
  .fw-hero-actions {
    justify-content: center;
  }
  .fw-collection-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  .fw-release-row {
    grid-template-columns: 42px 1fr 1fr;
    gap: 10px;
  }
  .fw-release-author {
    display: none;
  }
  .fw-release-date {
    grid-column: 3;
  }
}
@media (max-width: 480px) {
  .fw-collection-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .fw-hero-slide {
    min-height: 280px;
  }
  .fw-hero-inner {
    padding: 24px 16px;
  }
  .fw-hero-cover {
    width: 120px;
  }
  .fw-release-row {
    grid-template-columns: 42px 1fr auto;
    gap: 8px;
    padding: 10px 14px;
  }
  .fw-release-chapter {
    display: none;
  }
  .fw-release-date {
    font-size: 11px;
  }
}