/*
Theme Name: DibujKawaii - Tutorial Completo
Description: Theme con bloque completo: Pasos + Colorear + Plantilla. Sin plugins necesarios.
Version: 2.0.0
Author: DibujKawaii
Text Domain: dibujkawaii
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
*/

/* Los estilos están en assets/css/base.css y blocks/tutorial-completo/style.css */

/* ============================================
   ARREGLO DEFINITIVO DE DISEÑO
   ============================================ */

/* 1. Evitar que el menú se comprima y centrar el logo */
.header .container {
    max-width: 1200px !important;
    width: 95% !important;
    margin: 0 auto !important;
    display: block !important; /* Rompe el flex que lo comprime */
}

.header-content {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* 2. Centrar el Post y eliminar el hueco de la izquierda */
.tutorial-single .container, 
.site-main .container,
.breadcrumb .container {
    max-width: 900px !important; /* Ancho ideal para tutoriales */
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 0 20px !important;
    display: block !important;
}

/* 3. Eliminar fondos grises residuales */
body, .site-main, .tutorial-single, .breadcrumb {
    background-color: #ffffff !important;
}

/* 4. Asegurar que el contenido ocupe todo el ancho del contenedor centrado */
.tutorial-main-content, .tutorial-content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* 5. Forzar ocultación de sidebar */
.sidebar, 
aside.sidebar,
.widget-area {
    display: none !important;
}

/* 6. Main debe ocupar todo el ancho disponible */
.site-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 7. Breadcrumbs con fondo y espaciado correcto */
.breadcrumb {
    background: #f9fafb !important;
    padding: 15px 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
