/*
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
*/

/* ========================================================== */
/* == ESTILOS (VERSIÓN 6 - ATAQUE DIRECTO) PARA EL SLIDER == */
/* ========================================================== */

.custom-slider-section {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

/* === CAMBIO 1: Selector más específico para el redondeo === */
/* Al ser más largos, estos selectores ganan la batalla contra los del tema */

.custom-slider-section .new-works-slider .page-item-detail .item-thumb {
    border-radius: 8px !important; /* Aumenté un poco a 8px para que sea más notable */
    overflow: hidden !important;
    aspect-ratio: 2 / 3 !important;
    position: relative !important;
}

.custom-slider-section .new-works-slider .page-item-detail .item-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important; /* Mismo radio para la imagen */
    transition: transform 0.3s ease !important;
}

.new-works-slider .page-item-detail:hover .item-thumb img {
    transform: scale(1.05);
}

.new-works-slider .page-item-detail .post-title h3 {
    font-size: 0.95rem;
    line-height: 1.4;
    min-height: 45px;
    margin-top: 0.5rem;
}

/* ========================================================== */
/* === CAMBIO 2: AJUSTES PARA CELULARES (MÉTODO EFECTIVO) === */
/* ========================================================== */
@media (max-width: 768px) {

    .custom-slider-section {
        margin-left: 1rem !important; /* Reducimos un poco el margen para dar más espacio a las portadas */
        margin-right: 1rem !important;
    }
    
    /* Este es el truco para hacer las portadas más pequeñas */
    .new-works-slider .slider-item {
        /* Encogemos cada elemento al 85% de su tamaño original */
        transform: scale(0.85);
        /* Añadimos una transición suave para que se vea bien al girar la pantalla */
        transition: transform 0.3s ease;
    }

    .new-works-slider .slick-prev,
    .new-works-slider .slick-next {
        display: none !important;
    }
}