/*
Theme Name: Child-MK
Description:  Codename: MK
Author:       Mangabooth / WPStylish
Author URI:   https://webdexscans.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: 1.2
*/

.c-image-hover{position:relative}
.c-image-hover img, .manga-slider .slider__container .slick-list .slick-track .slider__item .slider__thumb .slider__thumb_item img, .manga-slider .slider__container .slick-list .slick-track .slider__item .slider__thumb .slider__thumb_item .slider-overlay, .manga-slider.style-2 .slider__container .slick-list .slick-track .slider__item .slider__thumb{border-radius:10px}
.c-image-hover .manga-title-badges{top:5px;left:5px}
.manga-title-badges, .manga-title-badges.custom{border-radius:10px}
body.manga-page .profile-manga{margin-bottom:0;    border-bottom: 2px solid #ebebeb;    margin-bottom: 40px;}
body.page .c-page-content .content-area{margin-top:0}
h1 .manga-title-badges{vertical-align:middle}
.tab-summary .summary_image{text-align: center}
.tab-summary .summary_image img{border-radius:10px}
body.manga-page .profile-manga .tab-summary{padding-top:0; padding-bottom: 20px}
body.manga-page .profile-manga .tab-summary .summary_image, body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content{padding-left:0;padding-top:0;padding-bottom:0}
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-content{width:100%}
body.manga-page .profile-manga .tab-summary .summary_content_wrap{padding-left:0}
.profile-manga{height:auto}
body.manga-page .profile-manga .tab-summary .summary_image{vertical-align:top; width: 250px}
.count-comment .action_icon, .count-comment .action_detail{display: inline-block} 
.c-blog__heading.style-2{border-bottom:none}
.c-blog__heading.style-2 .h4, .c-blog__heading.style-2 h4{border-bottom: 2px solid #eb3349; padding-bottom: 5px}
.c-blog__heading.style-2 i{display:none}
.single-wp-manga .main-col-inner{padding-bottom:10px}
#manga-title{height:350px; color:#FFF;display: flex;  flex-direction: column;}
#manga-title h1{color:#FFF;margin-top:auto; padding-right: 400px}
.mobile #manga-title h1{ padding-right: 0; font-size: 20px}
body.manga-page .profile-manga .tab-summary .post-rating span{display: none}
.single-wp-manga #main-sidebar{padding-top:30px; margin-top:-100px}
.single-wp-manga .c-breadcrumb-wrapper{margin-bottom:20px}
#main-sidebar .widget{    background: #FFF;    padding: 20px;border-radius: 10px; box-shadow: 0 2px 5px rgb(0 0 0 / 20%)}
.text-ui-light #main-sidebar .widget{    background: #2c2c2c;    padding: 20px;border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.5)}
.site-header .main-navigation .main-navigation_wrap{padding:10px 0}
#search-sidebar {position:relative; margin-left: 30px}
#search-sidebar input, #search-sidebar input::placeholder{color:#FFF}
#search-sidebar input{padding-right:30px; background:rgba(235, 235, 235, 0.3); border:none; border-radius:4px; width:360px}
#search-sidebar input:focus{background:#FFF; color:#333}
#search-sidebar .btn-search{position:absolute;right:0;top:0;background:none;border:none;color:#FFF;font-size: 22px;   font-weight: bold;    padding: 6px 10px;}
.site-header .c-header__top form#blog-post-search.manga-search-form .loader-inner, .c-search-header__wrapper .manga-search-form .loader-inner{padding:5px;background:none}
.site-header .c-header__top form#blog-post-search.manga-search-form .line-scale-party>div, .site-header .c-header__top form#blog-post-search.manga-search-form .line-scale-pulse-out-rapid>div, .line-scale-pulse-out>div, .site-header .c-header__top form#blog-post-search.manga-search-form .line-scale>div, .site-header .c-header__top form#blog-post-search.manga-search-form .line-spin-fade-loader>div{background-color:#333}
.site-header .c-header__top form#blog-post-search.manga-search-form input.ui-autocomplete-loading + button[type="submit"] + .loader-inner, .c-search-header__wrapper .manga-search-form input.ui-autocomplete-loading + button[type="submit"] + .loader-inner {
  display: block;
}
.site-header .c-header__top form#blog-post-search.manga-search-form.ui-autocomplete-loading button{display:none}
.site-header .c-header__top .manga-autocomplete.ui-autocomplete, .c-search-header__wrapper .manga-autocomplete.ui-autocomplete{width:100% !important;margin-top: 4px;    margin-left: 0; box-shadow:none}
.related-heading, .widget-heading{background:none; padding:0}
.related-heading:after, .widget-heading:after{content:''; display: none}
.related-heading h5, .widget-heading h5{color:#333; text-transform:uppercase; padding: 0; font-size:20px}
#main-sidebar .related-heading h5, #main-sidebar .widget-heading h5{color:#eb3349}
.page-listing-item .post-title h3, .slider__content_item h4{font-size:19px}
body.text-ui-light.manga-page .profile-manga .tab-summary .summary_image, body.text-ui-light.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content{background:transparent}
body.text-ui-light.manga-page .profile-manga{border-bottom-color:#383838}
body.text-ui-light .popular-slider .slider__container .slider__item .item__wrap{    background-color: #2c2c2c;    border-radius: 10px;    padding: 5px;    box-shadow: 0 2px 5px rgb(0 0 0 / 50%);} 

#manga-content-navs.nav-tabs{border-bottom: none}
#manga-content-navs.nav-tabs .nav-link{padding-bottom: 5px; border: none; padding: 0; margin-right:40px; font-size: 18px; font-weight: bold}
#manga-content-navs.nav-tabs .nav-link.active{background: none; border: none; border-bottom: 2px solid #eb3349; padding-bottom: 5px; color:#000;text-transform:uppercase}
body.text-ui-light #manga-content-navs.nav-tabs .nav-link.active{color:#FFF}
#tab-manga-discussion #manga-discussion{display: none}
#manga-content-tabs.tab-content>.tab-pane{padding-top:20px}
#tab-chapter-listing .btn-reverse-order{display: block; margin: 0 0 20px 0}
body.page .c-page-content .c-page .c-page__content #manga-chapters-holder .page-content-listing{margin-top:0}

@media only screen and (max-width: 480px) {
    
    #search-sidebar {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }

    #search-sidebar input {
        width: 100%;
    }
    
    .site-header .main-navigation.style-1 .c-togle__menu {
        top: 25px;
    }
}



.ad-placeholder {
    background-color: black !important;
    height: 350px !important;
    width: auto !important;
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}


.login-container {
    background-color: #f9f9f9; /* Light background */
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.login-container h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.login-container p {
    font-size: 14px;
    margin-bottom: 15px;
}

.nextend_social_login {
    margin-top: 15px;
}

/* --- Shine effect on manga cover images (site-wide) --- */
/* Target anchors wrapping cover thumbnails across templates */
.summary_image > a,
.page-listing-item .item-thumb > a,
.c-tabs-item__content .tab-thumb > a,
.manga-slider .slider__thumb .slider__thumb_item > a,
.popular-slider .slider__thumb .slider__thumb_item > a,
.widget-thumbnail > a {
  position: relative;
  display: block; /* ensure full container width to avoid overflow */
  width: 100%;
  overflow: hidden; /* clip shine to image bounds */
  border-radius: 10px; /* match common image rounding */
}

/* Ensure parent wrappers clip any animated overlay fully */
.page-listing-item .item-thumb,
.page-listing-item .item__wrap,
.manga-slider .slider__thumb .slider__thumb_item,
.popular-slider .slider__thumb .slider__thumb_item,
.popular-slider .slider__container .slider__item .item__wrap {
  overflow: hidden;
  border-radius: 10px;
}

.summary_image > a::before,
.page-listing-item .item-thumb > a::before,
.c-tabs-item__content .tab-thumb > a::before,
.manga-slider .slider__thumb .slider__thumb_item > a::before,
.popular-slider .slider__thumb .slider__thumb_item > a::before,
.widget-thumbnail > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -65%;
  height: 100%;
  width: 45%;
  background: linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.18) 40%,
    rgba(255,255,255,0.55) 50%,
    rgba(255,255,255,0.18) 60%,
    rgba(255,255,255,0) 100%);
  transform: skewX(-20deg);
  pointer-events: none; /* ensure it doesn't block clicks */
  animation: shineSweep 3.5s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}

@keyframes shineSweep {
  0% { left: -65%; }
  100% { left: 125%; }
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .summary_image > a::before { animation: none; }
  .golden-thunder-new .thunder-icon { animation: none !important; }
}

/* Golden Thunder Icon Styling */
.golden-thunder-new {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  position: relative;
}

.golden-thunder-new .thunder-icon {
  width: 20px;
  height: 20px;
  filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.6));
  transition: all 0.3s ease;
  animation: thunderGlow 2s ease-in-out infinite alternate;
}

.golden-thunder-new:hover .thunder-icon {
  transform: scale(1.2);
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.8));
  animation: thunderPulse 0.6s ease-in-out infinite;
}

/* Thunder glow animation */
@keyframes thunderGlow {
  0% {
    filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.6));
  }
  100% {
    filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.9));
  }
}

/* Thunder pulse animation on hover */
@keyframes thunderPulse {
  0%, 100% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1.3);
  }
}

/* Responsive sizing for mobile */
@media (max-width: 768px) {
  .golden-thunder-new .thunder-icon {
    width: 16px;
    height: 16px;
  }
}

/* ===== Global Color System (Black/White/Gold-Orange) ===== */
:root{
  --mk-bg:#000000;
  --mk-text:#ffffff;
  --mk-accent:#FFA500; /* gold-orange */
  --mk-accent-strong:#ff6a00;
  --mk-border:#000000;
}
body{background-color:var(--mk-bg);color:var(--mk-text);} 
/* Links */
a{color:var(--mk-accent);text-decoration-thickness:0.08em;text-underline-offset:2px}
a:hover{color:var(--mk-accent-strong)}

/* Typography & spacing */
html{scroll-behavior:smooth}
body{line-height:1.6}
h1,h2,h3,h4,h5{color:var(--mk-text)}
.post-content, .summary_content, .c-page__content{line-height:1.7}

/* Buttons – unify style */
.c-btn, .btn, .button, .support-btn{
  background: linear-gradient(90deg,var(--mk-accent-strong),var(--mk-accent));
  color:#fff; border:2px solid var(--mk-border); border-radius:8px; font-weight:600;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;color:#fff;
}
.c-btn:hover, .btn:hover, .button:hover, .support-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.3)}

/* Accessibility: focus visibility & contrast */
:focus-visible{outline:2px solid var(--mk-accent);outline-offset:2px}
.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:10px;top:10px;width:auto;height:auto;padding:.5rem .75rem;background:#111;color:#fff;border:2px solid var(--mk-accent)}

/* Widgets and cards on dark background */
#main-sidebar .widget, .popular-slider .slider__container .slider__item .item__wrap{background:#0d0d0d;color:#fff;border:1px solid #1a1a1a}
.text-ui-light #main-sidebar .widget{background:#1d1d1d;color:#fff}

/* Navigation and tabs */
#manga-content-navs.nav-tabs .nav-link{color:#fff}
#manga-content-navs.nav-tabs .nav-link.active{border-bottom-color:var(--mk-accent)}

/* Reduce motion for users preferring it */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
}

/* ===== Support + Bookmark Buttons (White/Orange/Black) ===== */
.support-dropdown-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
  width: 100%;
}
.support-dropdown-wrapper .add-bookmark{order:1}
.support-dropdown-wrapper .support-series{order:2}

/* Bookmark Section */
.bookmark-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.bookmark-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* Bookmark Count (Followers) */
.bookmark-count {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    text-align: center;
    min-width: initial;
    gap: 6px;
}

.bookmark-count .count-number {
    font-size: 20px;
    font-weight: bold;
    color: #ffd700;
    line-height: 1;
}

.bookmark-count .count-label {
    font-size: 12px;
    color: #999;
    text-transform: lowercase;
    letter-spacing: 0.5px;
}

.bookmark-section .add-bookmark {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    transition: all 0.3s ease;
    cursor: pointer;
    min-width: 100px;
}

.bookmark-section .add-bookmark { align-self: center; }

.bookmark-section .add-bookmark:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
}

.bookmark-section .add-bookmark a,
.bookmark-section .add-bookmark .wp-manga-action-button {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.bookmark-section .add-bookmark .action_icon {
    display: flex;
    align-items: center;
}

.bookmark-section .add-bookmark .action_detail {
    display: none; /* Hide the detail text to keep it clean */
}

.bookmark-text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

.support-dropdown-wrapper .support-btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 18px;
  border-radius: 16px;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #000;
  color: #fff;
  background: linear-gradient(180deg,#3a3a3a,#2a2a2a);
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}
.support-dropdown-wrapper .support-cta .support-btn{width:90%;max-width:420px;justify-content:center}
.support-dropdown-wrapper .support-btn i{margin-right:8px;font-size:18px}
/* Bookmark label – compact */
.support-dropdown-wrapper .bookmark-label a.wp-manga-action-button,
.support-dropdown-wrapper .bookmark-label a.wp-manga-delete-bookmark{
  display:inline-flex;align-items:center;gap:6px;padding:0;background:transparent;border:0;color:#fff;font-weight:600;text-decoration:none;
}
.support-dropdown-wrapper .bookmark-label.add-bookmark{  display: flex;  align-items: center;  justify-content: center;  gap: 8px;  padding: 8px 16px;  background: rgba(255, 255, 255, 0.1);  border: 1px solid rgba(255, 255, 255, 0.2);  border-radius: 20px;  transition: all 0.3s ease;  cursor: pointer;  min-width: 120px;}
.support-dropdown-wrapper .bookmark-label.add-bookmark:hover {  background: rgba(255, 255, 255, 0.15);  border-color: rgba(255, 255, 255, 0.3);  transform: translateY(-1px);}
.support-dropdown-wrapper .bookmark-label.add-bookmark a,
.support-dropdown-wrapper .bookmark-label.add-bookmark .wp-manga-action-button {  color: #fff !important;  text-decoration: none !important;  font-size: 14px;  display: flex;  align-items: center;  gap: 5px;}
.support-dropdown-wrapper .bookmark-label.add-bookmark .action_icon {  display: flex;  align-items: center;}
.support-dropdown-wrapper .bookmark-label.add-bookmark .action_detail {  display: none; /* Hide the detail text to keep it clean */}
.support-dropdown-wrapper .bookmark-label i{font-size:16px}
.support-dropdown-wrapper .support-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.30);
}
.support-dropdown-wrapper .support-series .action_icon { margin: 0; }
.support-dropdown-wrapper .support-series .btn-text { margin-left: 8px; }

/* Hide duplicate bookmark buttons from other templates */
.manga-action .support-series,
.post-content_item .support-series,
div:not(.support-dropdown-wrapper) .support-series,
.summary-content .add-bookmark,
.wp-manga-action-button.add-bookmark {
  display: none !important;
}

/* Support Modal Styles */
.support-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
}

.support-modal-content {
  background: #1a1a1a;
  border: 2px solid var(--mk-accent);
  border-radius: 12px;
  padding: 24px;
  max-width: 500px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
  color: #fff;
}

.support-modal-close {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 24px;
  font-weight: bold;
  color: #aaa;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
}

.support-modal-close:hover {
  color: var(--mk-accent);
}

.support-modal-header h3 {
  margin: 0 0 12px 0;
  color: var(--mk-accent);
  font-size: 20px;
}

.support-modal-header p {
  margin: 0 0 20px 0;
  color: #ccc;
  line-height: 1.5;
}

.support-options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.support-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #2a2a2a;
  border-radius: 8px;
  border: 1px solid #333;
}

.support-option-icon img {
  width: 32px;
  height: 32px;
  border-radius: 4px;
}

.support-option-info {
  flex: 1;
}

.support-option-info h4 {
  margin: 0 0 4px 0;
  font-size: 16px;
  color: #fff;
}

.support-option-info p {
  margin: 0;
  font-size: 14px;
  color: #aaa;
}

.crypto-address {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.crypto-address input {
  flex: 1;
  padding: 8px;
  background: #333;
  border: 1px solid #555;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-family: monospace;
}

.copy-address {
  padding: 8px 12px;
  background: var(--mk-accent);
  color: #000;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  transition: background 0.2s ease;
}

.copy-address:hover {
  background: var(--mk-accent-strong);
}

.support-option-action .btn-support {
  padding: 8px 16px;
  background: var(--mk-accent);
  color: #000;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  transition: background 0.2s ease;
}

.support-option-action .btn-support:hover {
  background: var(--mk-accent-strong);
}

.support-modal-footer {
  margin-top: 20px;
  text-align: center;
  padding-top: 16px;
  border-top: 1px solid #333;
}

.support-modal-footer p {
  margin: 0;
  color: #aaa;
  font-style: italic;
}

/* Fix support button styling issues */
.support-dropdown-wrapper .support-btn {
  font-size: 14px; /* Reduced from default */
  outline: none !important;
  border: 2px solid #333 !important; /* Remove gold border */
}

.support-dropdown-wrapper .support-btn:focus,
.support-dropdown-wrapper .support-btn:active {
  border-color: #333 !important; /* Keep consistent border on focus/active */
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.3) !important; /* Subtle glow instead */
}

.support-dropdown-wrapper .support-btn .btn-text {
  font-size: 11px;
  text-transform: lowercase;
}

@media (max-width: 768px) {
  .support-dropdown-wrapper .support-btn {
    width: 100%;
    justify-content: center;
  }
  
  .support-modal-content {
    width: 95%;
    padding: 20px;
  }
  
  .support-option {
    flex-direction: column;
    text-align: center;
  }
  
  .crypto-address {
    flex-direction: column;
  }
}

/* Make bookmark text clickable */
.add-bookmark .action_detail { cursor: pointer; }


/* Edge-to-edge reading content for smaller mobile devices */
@media (max-width: 480px) {
  .c-blog-post .entry-content .entry-content_wrap .reading-content {
    margin-left: -30px;
    margin-right: -30px;
  }
}