/* ==========================================================================
   1. CONTENEUR YOUTUBE (Format Horizontale 16:9)
   ========================================================================== */
.mfg-video-container {
    width: 100% !important;
    min-height: 200px !important; /* Sécurité pendant le chargement du JS */
    position: relative !important;
    display: block !important;
}

.mfg-video-container iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px; /* Coins arrongis élégants */
}

/* ==========================================================================
   2. CONTENEUR TIKTOK (Format Vertical 9:16)
   ========================================================================== */
.mfg-tiktok-container {
    width: 100% !important;
    max-width: 325px !important; /* Largeur optimale pour le lecteur TikTok */
    margin: 0 auto !important;
    display: block !important;
}

.mfg-tiktok-container iframe {
    width: 100% !important;
    height: 580px !important;
    border-radius: 8px;
}

/* ==========================================================================
   3. MOBILE ET TABLETTE (Affichage en colonne unique)
   ========================================================================== */
@media (max-width: 768px) {
    .elementor-loop-container,
    .elementor-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px !important;
    }
    
    .elementor-loop-item {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
    }
}