/*
Theme Name:   Blocksy Child
Description:  Tema hijo para tutorial DonWeb
Author:       Emanuel
Author URL:   https://test123prueba.online/
Template:     blocksy 
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  blocksy-child
*/

/* Añade aquí tus estilos personalizados */

/* --- RECONSTRUCCIÓN TOTAL ESTILO CANVAS (EDWISER BRIDGE) --- */

/* 1. Estructura de la cuadrícula: Forzamos 3 columnas de forma agresiva */
.edwiser-bridge .eb-my-course.eb_course_cards_wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

.edwiser-bridge .eb_course_cards_wrap .eb-course-card,
.edwiser-bridge .eb_course_cards_wrap .wdm-col-3-2-1 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
    min-width: 33.333% !important;
    flex: 0 0 33.333% !important;
    box-sizing: border-box !important;
    float: left !important;
}

/* 2. El cuerpo de la tarjeta: Diseño Canvas */
.eb_course_cards_wrap .wdm-course-grid {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 20px !important;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 15px !important; 
    padding: 0 !important;
    box-shadow: none !important;
    height: auto !important; 
    position: relative !important;
}

/* 3. Efecto Hover Sutil */
.eb_course_cards_wrap .wdm-course-grid:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04) !important;
}

/* 4. Imagen: SUPERANDO LA BARRERA DE ALTURA (Forzado a 240px) */
.eb_course_cards_wrap .wdm-course-image {
    padding: 12px 12px 0 12px !important;
    height: 180px !important; /* Altura aumentada solicitada */
    min-height: 180px !important;
    background: transparent !important;
    border: none !important;
    overflow: hidden !important;
    display: block !important;
}

.eb_course_cards_wrap .wdm-course-image img {
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    transition: transform 1s ease !important;
    display: block !important;
    margin: 0 !important;
}

.eb_course_cards_wrap .wdm-course-grid:hover .wdm-course-image img {
    transform: scale(1.02) !important;
}

/* 5. Contenido y Título: Minúsculas y altura fija */
.eb_course_cards_wrap .wdm-caption {
    padding: 12px 24px 20px 24px !important; 
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    flex-grow: 1 !important;
}

.eb_course_cards_wrap .eb-course-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #000000 !important;
    text-transform: lowercase !important;
    line-height: 1.2 !important;
    height: 72px !important; 
    margin: 4px 0 0 0 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    text-decoration: none !important;
}

/* 6. ELIMINACIÓN TOTAL DE BARRERAS (Category, Progress, Status) */
/* Ocultamos todo lo que sobra para que no ocupe ni 1 píxel */
.eb_course_cards_wrap .eb-cat-wrapper-new,
.eb_course_cards_wrap .eb-course-action-progress,
.eb_course_cards_wrap .eb-course-progress-status,
.eb_course_cards_wrap .eb-course-progres-wrap br,
.eb_course_cards_wrap .eb-course-action-cont br,
.eb_course_cards_wrap .eb-course-action-progress-cont br {
    display: none !important;
}

/* 7. Botón Iniciar: COLAPSANDO CONTENEDORES FANTASMAS */
/* Aquí está el truco: reseteamos todos los niveles del plugin */
.eb_course_cards_wrap .eb-course-action-cont {
    margin-top: -58px !important; /* Espacio real entre título y botón */
    width: 100% !important;
    padding: 0 !important;
    display: block !important;
}

.eb_course_cards_wrap .eb-course-progres-wrap,
.eb_course_cards_wrap .eb-course-action-progress-cont {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important; 
    max-height: none !important;
    line-height: 0 !important; /* Elimina espacios de texto "ghost" */
}

/* Forzamos al botón a ignorar cualquier estilo de línea del plugin */
.eb_course_cards_wrap .eb-course-action-btn-start {
    display: block !important;
    width: 100% !important;
    background-color: #1d1d1d !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 14px 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-transform: lowercase !important;
    transition: all 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    line-height: 1.2 !important; 
    margin: 0 !important;
}

.eb_course_cards_wrap .wdm-course-grid:hover .eb-course-action-btn-start {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Limpieza de enlaces y miniaturas */
.eb_course_cards_wrap a.wdm-course-thumbnail {
    text-decoration: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

/* --- AJUSTE FINAL GRID "MIS CURSOS" (caso 1 solo curso) --- */
/* Debe ir AL FINAL de style.css para que sobreescriba lo anterior */

.woocommerce-account .edwiser-bridge .eb-my-courses-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-account .edwiser-bridge .eb-my-course.eb_course_cards_wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}

.woocommerce-account .edwiser-bridge .eb-my-course.eb_course_cards_wrap > .wdm-col-3-2-1.hentry,
.woocommerce-account .edwiser-bridge .eb-my-course.eb_course_cards_wrap > .eb-course-card.wdm-col-3-2-1,
.woocommerce-account .edwiser-bridge .eb_course_cards_wrap .eb-course-card,
.woocommerce-account .edwiser-bridge .eb_course_cards_wrap .wdm-col-3-2-1 {
    width: 33.3333% !important;
    min-width: 33.3333% !important;
    max-width: 33.3333% !important;
    flex: 0 0 33.3333% !important;
    box-sizing: border-box !important;
    float: none !important;
}