/*
Theme Name: Madara-Child
Description:  A child theme for Madara - WordPress Theme for Manga, Novel sites
Author:       Madara
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: 1.0.3
*/

/* Ocultar slider en páginas de scan */
.tax-scan .manga-slider {
    display: none !important;
}
.c-blog__heading.style-2{
  color: #ffff;
}

.scan-archive-header{ display:flex; align-items:center; gap:12px; margin:20px 0 }
.scan-archive-logo{ width:56px; height:56px; object-fit:cover; border-radius:8px }
.scan-archive-title{ margin:0; font-size:1.5rem; font-weight:800 }

.manga-card{ margin-bottom:20px }
.manga-thumb img{ width:100%; height:auto; display:block; border-radius:8px }
.manga-title{ font-size:.95rem; margin:8px 0 0; font-weight:600 }

.scan-archive { margin-top: 20px; }
.scan-archive-title { margin: 10px 0 20px; font-size: 1.6rem; font-weight: 800; }

/* HERO */
.scan-hero{ position:relative; border-radius:12px; overflow:hidden; margin:20px 0; background:#222; }
.scan-hero.has-bg{ background-size:cover; background-position:center; }
.scan-hero-overlay{ position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.25)); }
.scan-hero-inner{ position:relative; z-index:2; display:flex; align-items:center; gap:14px; padding:16px; min-height:140px; }
.scan-hero-logo{ width:60px; height:60px; object-fit:cover; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.35); }
.scan-hero-title{ margin:0; font-size:1.6rem; font-weight:800; color:#fff; }
/* Botones redes */
.scan-hero-actions{ margin-left:auto; display:flex; align-items:center; gap:12px; }
.scan-btn{ width:48px; height:48px; border-radius:999px; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; box-shadow:0 6px 18px rgba(0,0,0,.3); transition:.2s }
.scan-btn:hover{ transform:translateY(-2px) scale(1.03); box-shadow:0 10px 24px rgba(0,0,0,.35); }
.scan-btn svg{ width:26px; height:26px; display:block; }
.scan-btn.fb{ background:#1877F2; }
.scan-btn.dc{ background:#5865F2; }

/* Descripción */
.scan-about{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:14px 16px; margin:12px 0 18px; line-height:1.65; font-size:.98rem }
.scan-about p{ margin:0 0 10px }

/* Ajustes grid (por si algún estilo del tema pisa algo) */
.page-item-detail.manga .item-thumb img{ width:100%; height:auto; display:block; border-radius:8px }
.manga-name{ font-size:1rem; margin-top:8px; font-weight:700 }

/* ---------- Fix hero en móvil ---------- */
@media (max-width: 640px) {
  .scan-hero{
    margin: 8px auto 16px;   /* menos espacio */
    min-height: 180px;       /* más compacto */
    border-radius: 14px;
  }
  .scan-hero__content{
    padding: 14px;
    gap: 10px;
    align-items: flex-end;   /* texto y avatar apoyados abajo */
  }
  .scan-hero__avatar{
    width: 48px;
    height: 48px;
    border-radius: 10px;
  }
  .scan-hero__title{
    font-size: clamp(1.1rem, 6vw, 1.5rem);
    line-height: 1.05;
    max-width: 68%;          /* evita que invada demasiado */
    overflow-wrap: anywhere; /* por si el nombre es largo */
    text-shadow: 0 2px 6px rgba(0,0,0,.35);
  }
  /* Botones: a la esquina superior derecha */
  .scan-hero__links{
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    gap: 8px;
  }
  .scan-hero__link{
    width: 34px;
    height: 34px;
  }
  /* Reencuadre del fondo (sube un poco la imagen) */
  .scan-hero__bg{
    background-position: 50% 30%;
  }
  /* Un poco más de sombra para legibilidad */
  .scan-hero__shade{
    background: linear-gradient(180deg,
      rgba(0,0,0,.10) 0%,
      rgba(0,0,0,.45) 60%,
      rgba(0,0,0,.65) 100%);
  }

  /* Separaciones bajo el banner y antes del grid */
  .scan-bio{ margin: 10px 0 22px; font-size: .95rem; }
  .scan-section-title{ margin: 24px 0 14px; }
}

/* Extra compacto para pantallas muy pequeñas */
@media (max-width: 360px){
  .scan-hero__avatar{ width: 44px; height: 44px; }
  .scan-hero__title{ max-width: 62%; }
}

.scan-hero__link i{ font-size: 18px; line-height: 1; }
@media (min-width: 641px){
  .scan-hero__link i{ font-size: 20px; }
}

/* Quita el hueco bajo el header SOLO en páginas de la taxonomía scan */
body.tax-scan .ct-header-space { height: 0 !important; }        /* Blocksy */
body.tax-scan .site-header-placeholder,
body.tax-scan .header-placeholder { height: 0 !important; }     /* Otros temas */

body.tax-scan .site-main,
body.tax-scan .site-content,
body.tax-scan .content-area,
body.tax-scan .container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Y deja el banner bien pegado al menú */
body.tax-scan .scan-hero { margin-top: 8px; }

li.wp-manga-chapter {

    padding: 5px 10px 5px 0px;
    position: relative;
  /*  border-style: solid;
    border-width: 0 0 3px 0;*/
    display: flex;
    justify-content: center;
 align-items: center;
 margin-top: 0.3rem;
/* background-color: honeydew;*/
  border-radius: 12px;         /* opcional */
  box-shadow: inset 0 0 0 1px #b18ae8;

}

ul.main version-chap no-volumn active {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

/* Quita las líneas decorativas que cruzan el texto */
.listing-chapters_wrap ul.main.version-chap.no-volumn::before,
.listing-chapters_wrap ul.main.version-chap.no-volumn::after,
.listing-chapters_wrap ul.main.version-chap.no-volumn > li::before,
.listing-chapters_wrap ul.main.version-chap.no-volumn > li::after {
  content: none !important;
}

/* (opcional) si querés mantener la línea pero que no tape el texto */
.listing-chapters_wrap ul.main.version-chap.no-volumn::before {
  z-index: 0 !important;
}
.listing-chapters_wrap ul.main.version-chap.no-volumn > li,
.listing-chapters_wrap ul.main.version-chap.no-volumn > li > a {
  position: relative;
  z-index: 1;
}

ul.sub-chap-list {
    gap: 30px;
}











/* 2 columnas con separación */
body.manga-page .listing-chapters_wrap ul.main.version-chap.no-volumn{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 24px;   /* espacio horizontal */
  row-gap: 18px;      /* espacio vertical */
  padding: 0;
  margin: 0;
}

/* el link ocupa toda la celda */
body.manga-page .listing-chapters_wrap ul.main.version-chap.no-volumn > li.wp-manga-chapter > a{
  display: block;           /* o flex, si ya lo usas */
  width: 100%;
  border-radius: 16px;
}

/* 1 columna en móvil */
@media (max-width: 768px){
  body.manga-page .listing-chapters_wrap ul.main.version-chap.no-volumn{
    grid-template-columns: 1fr;
    row-gap: 14px;
  }
}

/* --- Grid de capítulos: 1 → 2 → 3 columnas --- */
body.manga-page .listing-chapters_wrap ul.main.version-chap.no-volumn{
  display: grid !important;
  grid-template-columns: 1fr;            /* móvil */
  gap: 18px 24px;                        /* vertical | horizontal */
  padding: 0;
  margin: 0;
}

/* Tablet: 2 columnas */
@media (min-width: 769px){
  body.manga-page .listing-chapters_wrap ul.main.version-chap.no-volumn{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* PC/desktop: 3 columnas */
@media (min-width: 1200px){
  body.manga-page .listing-chapters_wrap ul.main.version-chap.no-volumn{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

/* Que cada item sea una “card” con aire a la izquierda */
body.manga-page .listing-chapters_wrap ul.main.version-chap.no-volumn > li.wp-manga-chapter{
  list-style: none;
}

body.manga-page .listing-chapters_wrap ul.main.version-chap.no-volumn > li.wp-manga-chapter > a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 18px;
  padding-left: 28px;    /* mueve el título hacia adentro */
  border-radius: 16px;   /* opcional */
}

.c-blog__heading.style-2 {
    position: absolute;
    border-bottom: 2px solid #ebebeb00;
    margin-bottom: 90px;
    background: linear-gradient(to right,#0000, #ef798a, #7d82b8 50%, #ef798a,#0000);
    align-content: center;
    text-align: center;
    line-height: 50px;
    
  
}
.popular-slider.style-1 .slider__container .slick-list {
  padding: 100px 0 10px;
  
}

/*.post-title{
    border-bottom: 2px solid #ebebeb00;
    margin-bottom: 35px;
    background: linear-gradient(to right,#0000, #ef798a, #7d82b8 50%, #ef798a,#0000);
    align-content: center;
    text-align: center;
    line-height: 50px;
    color: #ffff;
}*/
.profile-manga .post-title h1 {
    border-bottom: 2px solid #ebebeb00;
    margin-bottom: 35px;
    background: linear-gradient(to right,#0000, #ef798a, #7d82b8 50%, #ef798a,#0000);
    align-content: center;
    text-align: center;
    line-height: 50px;
    color: #ffff !important;
}