/*
 * WPPM LEGACY: Estilos para contenido legacy que usa WPPM
 * 
 * Phase B3: Eliminar dependencias WPPM
 * 
 * Purpose: Mantener compatibilidad con posts antiguos que usan WPPM
 * Este archivo solo se carga si hay contenido legacy
 * 
 * DEPRECATED: Este archivo es temporal durante la migración
 * TODO: Eliminar después de migrar todo el contenido a sistema nativo
 */

/**
 * CONTEXT: WP Post Modules (WPPM) Legacy Support
 * 
 * WHY WE STILL NEED THIS:
 * - Posts antiguos en la base de datos usan wrappers de WPPM
 * - Durante la transición, algunos componentes aún usan wppm_render_post()
 * - Necesitamos neutralizar wrappers de WPPM sin romper contenido existente
 * 
 * TODO (Phase B3 completion):
 * - Migrar todos los componentes a sistema nativo
 * - Eliminar dependencia de WPPM completamente
 * - Eliminar este archivo después de migración completa
 */

/* Neutralizar wrappers de WPPM que rompen aspect-ratio */
.wppm-post-wrap .embed-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: static !important;
    height: auto !important;
    aspect-ratio: unset !important;
}

.wppm-post-wrap .embed-wrap .sd-embed,
.wppm-post-wrap .embed-wrap iframe.sd-embed {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    inset: unset !important;
}

/* Shorts dentro de wrappers WPPM */
.wppm-post-wrap .sd-embed.is-youtube-short,
.wppm-post-wrap iframe.sd-embed.is-youtube-short,
.wppm-post-wrap .embed-wrap iframe.sd-embed.is-youtube-short {
    aspect-ratio: 9 / 16 !important;
    width: 100% !important;
    height: auto !important;
    max-width: 400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Videos normales dentro de wrappers WPPM */
.wppm-post-wrap .sd-embed.is-youtube:not(.is-youtube-short),
.wppm-post-wrap iframe.sd-embed.is-youtube:not(.is-youtube-short) {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    height: auto !important;
}

/* Neutralizar wrappers que contienen Shorts */
.wppm-post-wrap .embed-wrap:has(iframe.sd-embed.is-youtube-short) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: static !important;
    height: auto !important;
    aspect-ratio: unset !important;
}

/* Fallback para navegadores sin :has() */
.wppm-post-wrap .embed-wrap[data-ratio="16:9"]:has(iframe.sd-embed.is-youtube-short),
.wppm-post-wrap .embed-wrap[data-ratio="9:16"]:has(iframe.sd-embed.is-youtube-short) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: static !important;
    height: auto !important;
}